Использование innerHTML для частичного HTML

Question

следующие функции

<script> 
function new_par() 
{ 
var beginning="<input id="; 
document.getElementById("debug").innerHTML=beginning; 
} 
</script> 

не производит никакого вывода, хотя, если я удалить «<» знак, что он делает. Предположительно, javascript избегает вывода, который уничтожит html-страницу, но будет ли в любом случае принудительный вывод?

Answer 1

Вы назначаете его свойству innerHTML узла. Когда вы вставляете строку в DOM, она пытается ее проанализировать, как если бы это был HTML. Если бы вы просто добавили его как текстовый узел, он появился бы.

var beginning="<input id=''"; 
document.body.textContent = beginning; 

https://jsfiddle.net/2patzyo1/

Редактировать: на раз, глядя на ваш вопрос, если вы пытается, чтобы получить входной элемент появится на странице, то строка вы используете не является правильным HTML, потому что вы никогда не закрывали тег. Когда браузер запускается в него, он пытается разобрать и отобразить его, но поскольку он недействителен, он отказывается. Это будет работать:

var beginning="<input id=''>"; 
document.body.innerHTML = beginning; 

https://jsfiddle.net/2patzyo1/1/