getnodesbytype

Get any node in the DOM faster and more precise than using a querySelector.

Usage no npm install needed!

<script type="module">
  import getnodesbytype from 'https://cdn.skypack.dev/getnodesbytype';
</script>

README

getNodesByType

a custom DOM method to get nodes by node type

When the code is run a method getNodesByType will be attached to all element node types in the current DOM tree and the document object.

Execute the method with either a numeric value or a node type name.

document.getNodesByType(1);
document.getNodesByType("TEXT_NODE");

var item = document.getElementById("item");
item.getNodesByType("COMMENT_NODE");
item.getNodesByType(1);

Here are the supported node types and their corresponding numeric values:

  • 0 - all nodes (non standard)
  • 1 - "ELEMENT_NODE"
  • 2 - "ATTRIBUTE_NODE"
  • 3 - "TEXT_NODE"
  • 4 - "CDATA_SECTION_NODE"
  • 5 - "ENTITY_REFERENCE_NODE"
  • 6 - "ENTITY_NODE"
  • 7 - "PROCESSING_INSTRUCTION_NODE"
  • 8 - "COMMENT_NODE"
  • 9 - "DOCUMENT_NODE"
  • 10 - "DOCUMENT_TYPE_NODE"
  • 11 - "DOCUMENT_FRAGMENT_NODE"
  • 12 - "NOTATION_NODE"

All of the above node types remain valid types in the W3C specifications, but the WHATWG HTML5 group has deprecated these types:

  • 2 - "ATTRIBUTE_NODE"
  • 4 - "CDATA_SECTION_NODE"
  • 5 - "ENTITY_REFERENCE_NODE"
  • 6 - "ENTITY_NODE"
  • 12 - "NOTATION_NODE"