Вставить текст
Привет. Нужно получить строку такого вида
<span>строка1<aside>строка2</aside>строка3</span>
var span = document.createElement('span');
var aside = document.createElement('aside');
var text1 = document.createTextNode('строка2');
var text2 = document.createTextNode('строка1...строка3');
aside.appendChild(text1);
Как вставить в text2 - aside.appendChild(text1)? |
ureech,
что мешает создать все 5 элементов в нужном порядке или один span с innerHTML или insertAdjacentHTML? |
Если делать по порядку - никаких проблем
<body>
</body>
<script>
var span = document.createElement('span');
var aside = document.createElement('aside');
var text1 = document.createTextNode('строка1');
var text2 = document.createTextNode('строка2');
var text3 = document.createTextNode('строка3');
aside.appendChild(text2);
span.appendChild(text1);
span.appendChild(aside);
span.appendChild(text3);
document.querySelector('body').appendChild(span);
</script>
|
Спасибо. Думал может как то "одной строкой" можно.) Использую наверное лучше innerHTML.
|
document.body.insertAdjacentHTML('beforeend', '<span>строка1<aside>строка2</aside>строка3</span>');
|
| Часовой пояс GMT +3, время: 09:07. |