Как изменить HTML внутри div span span на чистом JavaScript

300
18 марта 2017, 02:25

Всем привет. Как изменить HTML внутри div span span на чистом JavaScript? делаю пока так.

window.content.document.querySelector('._1mf').innerHTML = " Мой текст ";

Но он меняет Все в этом диве, спаны тоже удаляет. Подскажите как к ним добраться?

Вот сам код:

<div data-offset-key="22mje-0-0" class="_1mf">
   <span data-offset-key="22mje-0-0">
      <span data-text="true">Тут нужно текст HTML вставить </span>
   </span>
</div>
Answer 1
  1. Через Query селектор можно обращаться на любой уровень внутрь
document.querySelector('._1mf > span > span').innerHTML = " Мой текст ";
  1. Через старинный методы 20-го века до н.э. :
document.getElementsByClassName('_1mf')[0].getElementsByTagName('span')[0].getElementsByTagName('span')[0].innerHTML = " Мой текст ";
READ ALSO
Как построить дерево ссылок на javascript?

Как построить дерево ссылок на javascript?

Подскажите пожалуйста как на javascript реализовать дерево ссылокНапример есть такой массив

348
undefined добавляется к массиву

undefined добавляется к массиву

Когда вывожу элементы подмассива в ячейки таблицы через цикл for, то первым выводится undefined, а потом уже все элементы: undefined Hello world Phrase 23 qwerty...

261
Как работать с массивом в cookie на NodeJs

Как работать с массивом в cookie на NodeJs

Есть два запроса: /create /getlist В первом запросе я добавляю определенный элемент:

287