В этом руководстве объясняется свойство элемента HTML DOM «nodeValue» в JavaScript.
Что такое свойство элемента HTML DOM «nodeValue» в JavaScript?
Элемент DOM (объектная модель документа) « nodeValue ” — полезное свойство, которое устанавливает и извлекает значение узла. Этот метод возвращает «null», если указанный узел ссылается на узел элемента. Это свойство также возвращает текст узла, если он заключен в текстовый узел. Его возвращаемое значение зависит от типа узла.
Синтаксис (установить «nodeValue»)
узел. nodeValue '=' ценить
Приведенный выше синтаксис требует « ценить », который пользователь хочет установить для нужного узла.
Синтаксис (возврат «nodeValue»)
узел. nodeValue
Этот заданный синтаксис возвращает « нулевой ” значение для узлов элемента и документа, “ текст ' для комментариев и текстовых узлов и ' атрибут ” для узлов атрибутов.
Реализуем указанное выше свойство с помощью приведенного примера.
Пример: применение свойства «nodeValue» элемента DOM для получения текста элемента
В этом примере свойство «nodeValue» применяется для получения текста созданной кнопки.
HTML-код
Во-первых, посмотрите на приведенный ниже код:
< кнопка > Новая кнопка. < / кнопка >< п идентификатор '=' 'для' >< / п >
В приведенных выше строках кода:
- “ <кнопка> Тег добавляет кнопку.
- “ » встраивает пустой абзац с идентификатором «para».
JavaScript-код
Теперь следуйте приведенному ниже коду JavaScript:
< сценарий >константа элемент '=' документ. getElementsByTagName ( 'КНОПКА' ) [ 0 ] ;
пусть результат '=' элемент. дочерние узлы [ 0 ] . nodeValue ;
документ. получитьэлементбиид ( 'для' ) . внутреннийHTML '=' ' Значение узла: ' + результат ;
сценарий >
В приведенных выше строках кода:
- Во-первых, объявите переменную «elem», которая применяет « getElementsByTagName() » для доступа к элементу по имени его тега, расположенному в индексе «0».
- Затем переменная «результат» использует « nodeValue ” свойство, связанное с “ дочерние узлы », чтобы получить значение конкретного дочернего узла.
- Наконец, « получитьэлемент по идентификатору() » обращается к пустому абзацу, используя его идентификатор «para», чтобы добавить к нему значение переменной «result», то есть текст кнопки.
Выход
Видно, что на выходе отображается текст созданного элемента «
Заключение
В JavaScript « nodeValue ” HTML DOM помогает установить и получить свойство значения узла. Возвращаемое значение этого свойства зависит от типа узла. Это свойство не показывает никакого значения как для элемента, так и для документа. В этом руководстве кратко объясняется свойство элемента HTML DOM «nodeValue» в JavaScript.