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

Question

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

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

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

<body>

text

<p>kjgkjh</p>

<h2>ghhjh</h2>

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

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

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

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

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

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

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

Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Академия Eduson

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

11 месяцев

Далее

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

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

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

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

JavaScript

Простой
Смещение группы в fabric.js?
- 1 подписчик
- 5 часов назад
- 47 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- вчера
- 109 просмотров
0

ответов
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 130 просмотров
0

ответов
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 163 просмотра
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 108 просмотров
1

ответ
JavaScript

Простой
Как создать рисунок из PHP в Fabric.js?
- 2 подписчика
- 28 окт.
- 141 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Какой скрипт загружает меню в Ютуб?
- 2 подписчика
- 27 окт.
- 246 просмотров
2

ответа
JavaScript

Простой
Как работать с разрозненными данными?
- 1 подписчик
- 21 окт.
- 237 просмотров
2

ответа
JavaScript

+1 ещё

Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
- 2 подписчика
- 16 окт.
- 137 просмотров
0

ответов
JavaScript

Простой
Как подгружать xml с перерисовкой таблицы?
- 3 подписчика
- 14 окт.
- 189 просмотров
0

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

Fullstack Разработчик (Next.js / JavaScript / TypeScript)

App Company

от 200 000 до 300 000 ₽

Web-разработчик/WordPress программист (Full-stack)

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

от 130 000 до 150 000 ₽

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

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

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

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

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

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

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

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

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