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

Question

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

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

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

<body>

text

<p>kjgkjh</p>

<h2>ghhjh</h2>

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

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

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

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 Автор вопроса

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

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

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

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

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

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

JavaScript

Средний
Как вывести сразу 2 месяца в календаре datapicker?
- 1 подписчик
- 7 часов назад
- 28 просмотров
0

ответов
HTML

+1 ещё

Средний
Современный учебник HTML/CSS?
- 1 подписчик
- 16 часов назад
- 115 просмотров
2

ответа
HTML

+1 ещё

Средний
Как сделать край блока волной?
- 1 подписчик
- 18 часов назад
- 75 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Нужен ли JavaScript пентестеру?
- 1 подписчик
- вчера
- 155 просмотров
2

ответа
JavaScript

Простой
Как вывести число столько раз, сколько написано в input?
- 2 подписчика
- вчера
- 183 просмотра
3

ответа
JavaScript

+3 ещё

Средний
Как спарсить данные с помощью 2Captcha и SpringBoot?
- 1 подписчик
- вчера
- 64 просмотра
2

ответа
JavaScript

+1 ещё

Простой
Как определить время выполнения запроса post?
- 1 подписчик
- вчера
- 94 просмотра
2

ответа
JavaScript

+1 ещё

Средний
Как получить bitrix_sessid в js без подключения js-библиотеки Bitrix?
- 2 подписчика
- 06 янв.
- 102 просмотра
1

ответ
JavaScript

Простой
Как передать событие клика по пуш-уведомлению в формате Ajax для увеличения счётчика кликов?
- 1 подписчик
- 05 янв.
- 36 просмотров
1

ответ
JavaScript

Простой
Как достать нужную информацию с querySelector из shadowRoot(open) Tampermonkey?
- 1 подписчик
- 05 янв.
- 45 просмотров
1

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

Бэкэнд-разработчик JavaScript

Wanted. • Москва

от 250 000 до 400 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Подключить эквайринг Тиньков на сайте Opencart

08 янв. 2025, в 06:40

1000 руб./за проект

Консультация по zed

08 янв. 2025, в 01:41

300 руб./за проект

Телеграм бот мини апп

08 янв. 2025, в 00:29

5000 руб./за проект

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

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

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

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

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

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

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