< html xmlns="www.w3.org/1999/xhtml"> Bienvenue sur DOM World! <br> var nodeStatus = function (node) {<br> var temp = "" ;<br> if (node.nodeName != null) {<br> temp += "nodeName:" + node.nodeName + "n";<br> ><br> else {<br> temp += "nodeName :null!n"; //<br>,n<br> }</p> <p>if (node.nodeType != null) {<br> temp += "nodeType:" + node.nodeType + "n";<br> }<br> else {<br> temp += "nodeType:null!n";<br> }</p> <p>if (node.nodeValue != null) {<br> temp += "nodeValue :" + node.nodeValue + "n";<br> }<br> else {<br> temp += "nodeValue:null!n";<br> ></p> <p>température de retour;<br> }</p> <p>var currentElement = document.getElementById('p1');<br> var msg = nodeStatus(currentElement);<br> //alert(msg);<br> var firstChild = currentElement.firstChild;<br> Msg + = nodestatus (firstchild); </p> <p> // 父亲 的 下 一 个 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 弟弟 弟弟 <br> var NodeStatus (Youngerbrother); <br> </p>//2弟的儿子=p父亲的大孙子<p> var grandSon = youngBrother.firstChild;<br> msg += nodeStatus(grandSon);<br></p>//孙子的父亲<p> var grandSonParent = grandSon.parentNode;<br> msg += nodeStatus(grandSonParent);<br></p>//孙子的父亲的兄长<p> var grandSonParentElderBrother = grandSonParent.previousSibling<br> msg += nodeStatus (grand-filsParentElderBrother) ; <br> </p> // 大哥 的 父亲 <p> var parent = petit-filsparentelderbrother.parentNode; <br> msg + = nodestatus (parent); <br> </p> // 父亲 的 小 儿子 <p> var lastchild = parent.lastChild;<br> msg += nodeStatus(lastChild);<br></p>//父亲的所有儿子<p> var allChildInfo = "";<br> var allChild = parent.childNodes;<br> pour (var je = 0; je &Lt ; allChild.length; i++) {<br> allChildInfo += nodeStatus(allChild[i]);<br> }<br></p> <p>//alert(msg);<br> Beans Fromage Lait<br> var oPurchases = document.getElementById( 'purchases');<br> var items = document.getElementsByTagName("li");</p> <p>var info = typeof (oPurchases) + '<br>';<br> pour (var i = 0 ; i < items.length; i++) {<br> info += typeof (items[i]) + "<br>";<br> }</p> <p>//document.write(info) ;<br> <br> var rdItems = document.getElementsByName("rdGroup");<br> var rdInfo = "";<br> pour (var i = 0; je &Lt ; rdItems.length; i++) {<br> rdInfo += nodeStatus(rdItems[i]) + 'n';<br> }</p> <p>//alert(rdInfo);</p> <p><br> </ script></p> <p><p title="pTitle" style="color:Blue;font-size:30px;" <br/> id="pSample"><br> Ceci est le premier échantillon !</p><br> <script type="text/javascript"><br> var oSample = document.getElementById(' pSample');<br> var attr = "";<br> //取得所有属性内容<br> attr += "原标题是："<br> + oSample.getAttribute(" titre") + 'n' ;<br> attr += "样式是："<br> + "color="<br> + oSample.getAttribute("style").color<br> + ",fontSize="<br> + oSample.getAttribute ("style").fontSize + 'n';</p> <p>//alert(attr);</p> <p>//改变属性内容,新增一个名字的属性<br> oSample.setAttribute( "title", "newTitle");<br> oSample.setAttribute("name", "pName");</p> <p>attr += "新标题是："<br> + oSample.getAttribute("title ") + 'n'<br> + "新名字是：" + oSample.getAttribute("name");</p> <p>//alert(attr);</p> <p>//删除属性<br> oSample.removeAttribute("name");</p> <p>attr += "n现在的名字是："<br> + oSample.getAttribute("name");</p> <p>//alert (attr);</p> <p><br> var createElement = function () {<br> var eleInfo = "";</p> <p>//段落<br> var newParagraph =<br> document.createElement ('p');</p> <p>eleInfo += nodeStatus(newParagraph) + 'n';</p> <p>//文本内容(儿子)<br> var newTextNode =<br> document.createTextNode( '我是段落里面的文字');</p> <p>eleInfo += nodeStatus(newTextNode) + 'n';</p> <p>newParagraph.appendChild(newTextNode);</p> <p>//第一个儿子<br> eleInfo += nodeStatus(newParagraph.firstChild) + 'n';</p> <p>document.body.appendChild(newParagraph);</p> <p>//return eleInfo;<br> } </p> <p>//alert(createElement());</p> <p>//Insérer un nouvel élément<br> var doInsertBefore = function (o) {<br> var myDiv = document.getElementById('myDiv'); //Obtenir l'élément Div<br> var newInput = document.createElement ( 'input'); //Nouvel élément d'entrée<br> ; //Insérer une nouvelle zone de texte devant le bouton<br> }<br><br>var doRemoveChild = function (o) {</p> var myDiv = o.parentNode; //élément parent Récupère le nœud parent de l'objet actuel<p> var firstChild = myDiv.firstChild; //Le premier nœud enfant du nœud parent<br> //alert(firstChild.value }) <br> < ! --Un nouvel élément DOM sera inséré--> "doRemoveChild(this)"/>
