JavaScript свойство nodeType

JavaScript Node

Определение и применение

JavaScript свойство nodeType объекта Node возвращает числовое значение (целочисленный тип unsigned short), представляющее тип узла. Свойство доступно только для чтения.

Ниже представлен перечень актуальных констант:

КонстантаЗначениеОписание
Node.ELEMENT_NODE1Узел элемента (Element).
Node.TEXT_NODE3Текст (Tex) элемента (Element).
Node.CDATA_SECTION_NODE4Узел CDATASection (интерфейс представляет раздел CDATA, который может использоваться в XML для включения расширенных частей неэкранированного текста).
Node.PROCESSING_INSTRUCTION_NODE7ProcessingInstruction XML документа (инструкция по обработке встраивает в XML инструкции, относящиеся к конкретному приложению, которые могут игнорироваться другими приложениями, не распознающими их). Например, декларация <?xml-stylesheet ... ?>.
Node.COMMENT_NODE8Узел комментария (Comment).
Node.DOCUMENT_NODE9Узел, представляющий весь документ - корневой узел дерева DOM (Document).
Node.DOCUMENT_TYPE_NODE10Узел, содержащий тип документа (DocumentType), например, декларация <!DOCTYPE html> для HTML5 документов.
Node.DOCUMENT_FRAGMENT_NODE11Узел DocumentFragment (представляет собой минимальный объект документа, который не имеет родителя).

Обращаю Ваше внимание на то, что константы Node.ATTRIBUTE_NODE (значение 2), Node.ENTITY_REFERENCE_NODE (значение 5), Node.ENTITY_NODE (значение 6) и Node.NOTATION_NODE (значение 12) считаются устаревшими.

Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
nodeTypeДаДаДаДаДаДа

JavaScript синтаксис:

const type = node.nodeType;

node - Node

Спецификация

Document Object Model (DOM) Level 1

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование JavaScript свойств nodeType и childNodes</title>
	</head>
	<body>
		<button onclick = "myFunc()">Show types</button> <!-- добавляем атрибут событий onclick -->
		<div id = "block">
		        <!-- my comment -->
		        <ul>
		                <li>list item</li>
		                <li>list item</li>
		                <li>list item</li>
		        </ul>
		</div>
		<p id = result"></p>
		<script>
	function myFunc() {
	  const parentElem = document.getElementById("block"), // находим элемент по id
                parentElemChildNodes = parentElem.childNodes, // возвращаем коллекцию всех дочерних узлов узла parentElem
                result = document.getElementById("result"); // находим элемент по id
	  
	  for(let i = 0; i < parentElemChildNodes.length; i++) { // проходим циклом по всей коллекции узлов
	    result.innerHTML +=  parentElemChildNodes[i].nodeType + "<br>"; // добавляем в содержимое элемента числовое значение, представляющее тип узла текущего элемента коллекции
	  }
	}
		</script>
	</body>
</html>

В этом примере с использованием атрибута событий onclick при нажатии на кнопку (HTML элемент <button>) вызываем функцию, которая:

В результате чего мы получили следующие значения:

Результат нашего примера:

Пример использования JavaScript свойств nodeType и childNodes
Пример использования JavaScript свойств nodeType и childNodes
JavaScript Node