HTML DOM Nodes

HTML DOM Nodes Introduction The HTML DOM treats the HTML document as a node tree. HTML DOM nodes is divided into: document node, element node, attribute node, text node, annotation node. HTML DOM Nodes Hierarchy The hierarchical relationship of the node tree is divided into: parent, child, sibling sibling. HTML DOM Nodes method An HTML DOM method is an action that can be performed on a node. element Node： Querying ELEMENT nodes var element = document.getElementById(‘id‘); var elements = documnet.getElementsByName(‘name‘); var elements = document.getElementsByTagName(‘tagName‘); New element node element.insertBefore(); element.appentChild(); Delete Element node createElement(); element.removeChild(); modifying ELEMENT nodes element.replaceChild(); attribute Node： Query properties node element .get attribute () ; New Attribute node element createattribute Modify the Properties node element setattribute text nodes: New text node element.createTextNode(); HTML DOM Nodes Properties The HTML DOM attribute is the value that we can set on the node to modify. nodeGeneralProperties: NodeName (name of the node) NodeValue (Value of the node) NodeType (Type of node) node-level properties： Parent node node.parentNode; Child nodes node.childNodes; Brother Node node.nextSibling;

Null

HTML DOM Nodes