强制浏览器将元素显示为文本

Question

我遇到了这个奇怪的问题： 我得到动态构建的内容。在这种特殊情况下，我还将元素“输入”作为内容，然后浏览器将其作为元素直接显示。

我得到了什么：

<div class="search_result_content"> this is just text, but the code <input variable="" name=""> displays as an element

我需要什么：

Answer 1

你可能想添加'type="text"'，所以总数会像

<input type="text" name="" value=""/>

如果输入需要添加到（如）'span' 或 'div'，我建议使用 JS 或 jQuery

Answer 2

$(document).ready(function() {
  $(".search_result_content").append('<input variable="" name="">');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="search_result_content"> this is just text, but the code  </div>

这种场景下动态插入输入标签，插入后转换成html格式