Заставить браузер отображать элемент в виде текста

Question

У меня странная проблема: Я получаю контент, который динамически создается. В этом особом случае я также получаю элемент «input» как контент, который затем отображается браузером как элемент.

Что я получаю:

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

Что мне нужно:

Answer 1

$(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

Answer 2

Возможно, вы захотите добавить 'type = "text"', поэтому итоговое значение будет равно

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

В противном случае, если вход должен быть добавлен к (как) 'span' или 'div', я бы предложил JS или jQuery