Форум

DoubleDragon · #1 (**permalink**) 10.08.2012, 11:19

Вопрос знатокам на засыпку.

Есть код:

Код:

<html>
<body>
<div id='printDiv'></div>
<script>

var var0 = 'Test';

// тег <i> работает
printDiv.innerHTML+="<i>"+var0+"</i> ";

// тег <i> не работает
printDiv.innerHTML+="<i>";
printDiv.innerHTML+=var0;
printDiv.innerHTML+="</i>";

</script>
</body>
</html>

Почему во втором случае тег не работает? Естественно, вместо может быть что угодно.

vadim5june · #2 (**permalink**) 10.08.2012, 11:28

innerHTML работает с DOM а не просто вставляет текст в документ-соответтвенно незаконченные элементы такие как игнорирует
с помощью innerHTML+ не рекомендую вставлять ибо некоторые события при этом у других элементов могут пропасть

DoubleDragon · #3 (**permalink**) 10.08.2012, 11:31

Хорошо, а какой же выход есть в данном случае? У меня текст в printDiv составляется из нескольких независимых частей, каждая из которых не знает о содержании других. Т.е. интересует, как отформатировать текст (в данном случае var0)?

vadim5june · #4 (**permalink**) 10.08.2012, 11:34

Сообщение от DoubleDragon

Хорошо, а какой же выход есть в данном случае? У меня текст в printDiv составляется из нескольких независимых частей, каждая из которых не знает о содержании других. Т.е. интересует, как отформатировать текст (в данном случае var0)?

а в какую-то переменную нельзя сначала собрать?

DoubleDragon · #5 (**permalink**) 10.08.2012, 11:38

Нет, это парсер независимых частей. Всё работает, а с этой промблемой я уже намучался. Может во что-то оборачивать var0 и через стили устанавливать форматирование? Будет это работать?

vadim5june · #6 (**permalink**) 10.08.2012, 11:43

Сообщение от DoubleDragon

Нет, это парсер независимых частей. Всё работает, а с этой промблемой я уже намучался. Может во что-то оборачивать var0 и через стили устанавливать форматирование? Будет это работать?

если var0 то потом через стили можно задать

lord2kim · #7 (**permalink**) 10.08.2012, 11:45

DoubleDragon, а почему бы вам не воспользоваться DOM?

<html>
<body>
<div id='printDiv'></div>
<script>
var var0 = 'Test';

var i = document.createElement("i");
i.appendChild(document.createTextNode(var0));
document.getElementById("printDiv").appendChild(i);
</script>
</body>
</html>

DoubleDragon · #8 (**permalink**) 10.08.2012, 12:34

Да, DOM тоже вариант. Но мой пример сильно упрощённый. Реальность гораздо сложнее.
В любом случае спасибо за идею.

vadim5june · #9 (**permalink**) 10.08.2012, 13:30

Сообщение от DoubleDragon

Да, DOM тоже вариант. Но мой пример сильно упрощённый. Реальность гораздо сложнее.
В любом случае спасибо за идею.

Если получится делайте с DOM

bes · #10 (**permalink**) 10.08.2012, 16:09

Сообщение от vadim5june

innerHTML работает с DOM а не просто вставляет текст в документ-соответтвенно незаконченные элементы такие как игнорирует

он их закрывает, поэтому закрывающую часть можно и не прописывать

<div id='printDiv'></div>
<script>
window.onload = function () {
	var printDiv = document.getElementById('printDiv');
	var var0 = 'Test';
	
	printDiv.innerHTML+="<i>" + var0;
	alert(printDiv.innerHTML);
	
	printDiv.innerHTML+="<i>";
	alert(printDiv.innerHTML);
	
	printDiv.innerHTML+=var0;
	alert(printDiv.innerHTML);
}
</script>

Форум

Справочник

Discord чат

Курсы javascript