Как перемещаться по узлам?

Question

Алексей Повольнов @KNLNT

Как перемещаться по узлам?

Всем привет.
Есть такой код, допустим:

<body>

text

<p>kjgkjh</p>

<h2>ghhjh</h2>

         <a>jghkb</a>
еучерилот
</body>

и тд, суть в том что он не написан в одно строку.
Так вот, как мне перемещаться по этим узлам?

Вопрос задан более трёх лет назад
201 просмотр

10 комментариев

Подписаться 1 Оценить 10 комментариев

Kovalsky @lazalu68

"он не написан в одно строку" - да, я вижу что в коде он не написан в одну строку, или о чем речь?

"как мне перемещаться по этим узлам" - несмотря на формулировку (перемещаться?) вероятно вам будет полезно знать, что объект body содержит, естественно, ссылки на все дочерние элементы: на элементы - в свойстве children, на узлы - в свойстве childNodes.

Написано более трёх лет назад
Алексей Повольнов @KNLNT Автор вопроса

С этим уже разобрался, спасибо. Просто опечатка в коде была оказывается, я думал что-то неверно пишу.
Теперь меня интересует вот что, я перемещаюсь по УЗЛАМ, попадаю допустим на 8 узел, как мне его редактировать? На сколько я знаю ChilNodes не редактируется.

Написано более трёх лет назад
Алексей @AlexMaxTM

Что подразумевается под фразой "перемещаться"? Анимация нужна?
Что касается то, что код не написан в одну строку, то это не имеет значения ни для кого, за исключением человека, который смотрим на этот код. Браузеру и JS без разницы как написан код, в строчку или в столбик.

Написано более трёх лет назад
Алексей Повольнов @KNLNT Автор вопроса

Алексей, по моему они учитывают пустые пробелы и переходы как узлы.

Написано более трёх лет назад
Kovalsky @lazalu68

Алексей Повольнов, childNodes это коллекция, доступ к её элементам осуществляется так же, как и в случае с массивом.

Да, большинство пробелов учитываются и объединяются в ноды.

Написано более трёх лет назад
Алексей Повольнов @KNLNT Автор вопроса

Никита Полевой, Как мне это узел редактировать?
Вот что я имею ввиду
this.childNodes[6].innerHTML = '<h1>daf</h1>';
Это не сработает и оно не правильно, но я как раз ищу как нужно и как правильно, чтоб работало?

Написано более трёх лет назад
Kovalsky @lazalu68

Алексей Повольнов, на MDN найдёте все методы/свойства для работы с нодами.

Написано более трёх лет назад
Алексей Повольнов @KNLNT Автор вопроса

Никита Полевой, я нашел только nodeValue, а мне нужно текстовое содержимое изменить на html содержимое

Написано более трёх лет назад
Kovalsky @lazalu68

Алексей Повольнов, ну, если вы измените nodeValue на HTML, то по факту произойдёт именно то что вы хотите - текст ноды будет содержать код. Мне кажется это достаточно логично - если вы изменяете содержимое текстовой ноды, то независимо от того что вы туда залили, отображаться это будет как текст, потому что нода текстовая, можете это по коду nodeType посмотреть. Вероятно, вам стоит не менять содержимое ноды, а создавать новый элемент и заменять ноду на него с помощью replaceChild

Написано более трёх лет назад
Алексей Повольнов @KNLNT Автор вопроса

Никита Полевой, Спасибо, попробую

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript + ИИ

11 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию + ИИ

6 месяцев

Далее

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+2 ещё

Простой
Как запретить формирования ссылок вида /tel:?
- 2 подписчика
- 01 июл.
- 226 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как подстраивать размер канваса под размер страницы?
- 1 подписчик
- 01 июл.
- 80 просмотров
0

ответов
HTML

+1 ещё

Средний
Как выставить элементу ширину по содержимому при переносах?
- 1 подписчик
- 30 июн.
- 141 просмотр
1

ответ
HTML

+3 ещё

Средний
Как создать каркас верстки который будет считаться по высоте, а не по ширине?
- 4 подписчика
- 26 июн.
- 336 просмотров
3

ответа
JavaScript

+2 ещё

Простой
Не работает тень + слайдер, есть варианты?
- 2 подписчика
- 21 июн.
- 181 просмотр
1

ответ
HTML

+1 ещё

Простой
Как оформить так карточку типа бенто стиль?
- 1 подписчик
- 13 июн.
- 228 просмотров
3

ответа
JavaScript

Средний
Значение переменной в строку или сохранение в VK?
- 1 подписчик
- 10 июн.
- 147 просмотров
2

ответа
JavaScript

+1 ещё

Сложный
Как сделать логику post запроса покупки товара, если 1 товара не хватает — отменить покупку?
- 2 подписчика
- 10 июн.
- 219 просмотров
1

ответ
JavaScript

Средний
Как правильно вывести данные из функции в див?
- 2 подписчика
- 08 июн.
- 176 просмотров
3

ответа
JavaScript

Средний
Как перемножить значения из текстовых полей?
- 2 подписчика
- 31 мая
- 387 просмотров
1

ответ
Показать ещё Загружается…

"он не написан в одно строку" - да, я вижу что в коде он не написан в одну строку, или о чем речь?

"как мне перемещаться по этим узлам" - несмотря на формулировку (перемещаться?) вероятно вам будет полезно знать, что объект body содержит, естественно, ссылки на все дочерние элементы: на элементы - в свойстве children, на узлы - в свойстве childNodes.
С этим уже разобрался, спасибо. Просто опечатка в коде была оказывается, я думал что-то неверно пишу.
Теперь меня интересует вот что, я перемещаюсь по УЗЛАМ, попадаю допустим на 8 узел, как мне его редактировать? На сколько я знаю ChilNodes не редактируется.
Что подразумевается под фразой "перемещаться"? Анимация нужна?
Что касается то, что код не написан в одну строку, то это не имеет значения ни для кого, за исключением человека, который смотрим на этот код. Браузеру и JS без разницы как написан код, в строчку или в столбик.
Алексей, по моему они учитывают пустые пробелы и переходы как узлы.
Алексей Повольнов, childNodes это коллекция, доступ к её элементам осуществляется так же, как и в случае с массивом.

Да, большинство пробелов учитываются и объединяются в ноды.
Никита Полевой, Как мне это узел редактировать?
Вот что я имею ввиду
this.childNodes[6].innerHTML = '<h1>daf</h1>';
Это не сработает и оно не правильно, но я как раз ищу как нужно и как правильно, чтоб работало?
Алексей Повольнов, на MDN найдёте все методы/свойства для работы с нодами.
Никита Полевой, я нашел только nodeValue, а мне нужно текстовое содержимое изменить на html содержимое
Алексей Повольнов, ну, если вы измените nodeValue на HTML, то по факту произойдёт именно то что вы хотите - текст ноды будет содержать код. Мне кажется это достаточно логично - если вы изменяете содержимое текстовой ноды, то независимо от того что вы туда залили, отображаться это будет как текст, потому что нода текстовая, можете это по коду nodeType посмотреть. Вероятно, вам стоит не менять содержимое ноды, а создавать новый элемент и заменять ноду на него с помощью replaceChild
Никита Полевой, Спасибо, попробую

Как перемещаться по узлам?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт