Как заставить браузер игнорировать html код??
 

К примеру.
есть страница на которой есть форма с полем для ввода текста и кнопкой.
Пользователь вводить что нибудь в это поле и ниже с помощью innerHTML выводится например это: "Вы ввели 'Привет!'"

Проблема в том что пользователь может ввести любой html тег и получится лажа. как от этого избавится???

InnerText не поможет так как фраза "Вы ввели" должна быть к примеру подчёркнутой а сам текст нет!:)

перед выводом текста из поля ввода
сделайте замену replace('<', '&lt;')

Огромное спасибо как раз то что нужно!

Если вставлять текст именно как текст document.createTextNode, то теги не сработают.

Это так, к сведению. Точный ответ на вопрос.

Просто работать придется по другому - DOM манипуляциями, а не innerText в элемент.

На выбор:

<div id="id" />
<script>
document.getElementById('id').firstChild.nodeValue = '<p>foo</p>';
</script>

<div id="id" />
<script>
document.getElementById('id').firstChild.data = '<p>foo</p>';
</script>

<div id="id" />
<script>
document.getElementById('id').firstChild.appendData('<p>foo</p>');
</script>

<div id="id" />
<script>
document.getElementById('id').firstChild.insertData(0, '<p>foo</p>');
</script>

<div id="id" />
<script>
document.getElementById('id').appendChild(document.createTextNode('<p>foo</p>'));
</script>

<div id="id" />
<script>
document.getElementById('id').innerHTML = '<xmp><p>foo</p></xmp>';
</script>

Спасибо но мне подошёл и первый вариант:)

А это не тебе ответы ;)

Будут ещё пришедшие после тебя.