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

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

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

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

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

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

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

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

HTML

+1 ещё

Простой
Почему дублируются изображения?
- 1 подписчик
- 2 часа назад
- 48 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 21 час назад
- 120 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 171 просмотр
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 106 просмотров
1

ответ
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 23 нояб.
- 107 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 23 нояб.
- 106 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 23 нояб.
- 105 просмотров
0

ответов
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 715 просмотров
1

ответ
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 22 нояб.
- 78 просмотров
1

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

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Разработать бэкэнд на Node.js

25 нояб. 2024, в 18:39

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

Разработать бэкэнд на Django

25 нояб. 2024, в 18:35

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

Перенести сайт на CMS Wordpress c Tilda

25 нояб. 2024, в 18:33

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

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

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

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

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

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

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

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