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

[Tums37]

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

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

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

[Pavel M.]

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

[Tums37]

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

[Gozar]

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

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

[Gozar]

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

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

[monolithed]

На выбор:

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

[Tums37]

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

[Gozar]

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

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

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