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

Question

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

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

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

<body>

text

<p>kjgkjh</p>

<h2>ghhjh</h2>

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

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

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

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

Простой
Как спрятать ключи авторизации при HTTP запросах в JS?
- 1 подписчик
- 2 часа назад
- 22 просмотра
1

ответ
HTML

+1 ещё

Простой
Выровнить картинку по центру в тексте, чтобы не зависимости всегда была по центру?
- нет подписчиков
- 9 часов назад
- 45 просмотров
1

ответ
JavaScript

Простой
Как разбить одномерный массив на двумерный из строки?
- 1 подписчик
- 11 часов назад
- 67 просмотров
3

ответа
JavaScript

Простой
Как отсортировать объект по первым ключам в JavaScript?
- 1 подписчик
- 16 часов назад
- 96 просмотров
3

ответа
JavaScript

Простой
Как мне сделать так, чтобы после клика мышкой значение переменно tovar менялось?
- 1 подписчик
- 19 часов назад
- 52 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Галерея через сборку строки JS не позиционируется?
- 1 подписчик
- 20 часов назад
- 70 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как в axios сделать подобный url?
- 1 подписчик
- вчера
- 86 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему схлопываются внешние отступы соседних элементов?
- 1 подписчик
- вчера
- 60 просмотров
0

ответов
HTML

+2 ещё

Простой
Почему моргает видеофон на сайте?
- 1 подписчик
- 03 мая
- 87 просмотров
0

ответов
JavaScript

Простой
Как вывести фотографии из папки или из контейнера последовательно с отработкой на каждой анимации?
- 1 подписчик
- 03 мая
- 42 просмотра
1

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

JavaScript Developer (back-end / full-stack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

Разработать скрипт на терафлрме для деплоймеета

06 мая 2024, в 01:10

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

Правки в Laravel админку с тг ботами

05 мая 2024, в 23:43

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

Прикрутить новую верстку

05 мая 2024, в 23:39

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

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

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

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

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

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

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

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