<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title></title></Head><Body><DivID= "DV"> <span>This is the first span tag in a DIV</span> <P>This is the second element in the Div, the first p tag</P> <ulID= "UU"> <Li>Qiao</Li> <Li>Velvet</Li> <LiID= "three">"Duan Yu</Li> <Li>Kakashi</Li> <Li>Waseda</Li> </ul></Div><Scriptsrc= "Common.js"></Script><Script> varUlobj=my$ ("UU"); //parent node of the UL tagConsole.log (Ulobj.parentnode); //the parent element of the UL tagConsole.log (ulobj.parentelement); varDivobj=my$ ("DV"); //child nodes of DivConsole.log (divobj.childnodes); //child elements of a divConsole.log (Divobj.children); //Div varDvobj=document.getElementById ("DV"); //get each child node inside for (varI= 0; I<dvObj.childNodes.length; I++) { varnode=Dvobj.childnodes[i]; //NodeType:---> Node type: 1---label, 2---property, 3---text //nodeName:---> Node name: UPPERCASE Tag name----label, lowercase property name---property, #text---text //nodevalue:---> Node value: Label---null, Property---property value, Text---text contentConsole.log (Node.nodetype+ "======" +Node.nodename+ "======" +node.nodevalue)}//Div varDv1obj=document.getElementById ("DV"); //Gets the node of the attribute varNode1=Dv1obj.getattributenode ("ID"); Console.log (Node1.nodetype+ "======" +Node1.nodename+ "======" +node1.nodevalue);</Script></Body></HTML>
JavaScript gets related nodes