へようこそ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>return temp;<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 youngBrother = firstChild.nextSibling;<br> msg += nodeStatus(youngerBrother);</p> <p>//2弟= p父亲的大孙子<br> var grandSon = youngBrother.firstChild;<br> msg += nodeStatus(grandSon);</p> <p>//孙子の父亲<br> var grandSonParent = grandSon.parentNode;<br> msg += nodeStatus(grandSonParent);</p> <p>/ /孙子の父亲の兄长<br> var grandSonParentElderBrother = grandSonParent.previousSibling<br> msg += nodeStatus(grandSonParentElderBrother);</p> <p>//大哥の父亲<br> varparent = grandSonParentElderBrother.parentNode;<br> msg += nodeStatus(parent);</p> <p>//父亲的小儿子<br> var lastChild =parent.lastChild;<br> msg += nodeStatus(lastChild);</p> <p>//父亲的所有儿子<br> var allChildInfo = "";<br> var allChild =parent.childNodes;<br> for (var i = 0 ;私は＜ allChild.length; i++) {<br> allChildInfo += nodeStatus(allChild[i]);<br> }</p> <p>//alert(msg);<br> 豆 チーズ ミルク<br> var oPurchases = document.getElementById('purchases');<br> var items = document.getElementsByTagName("li"); </p> <p>var info = typeof (oPurchases) + '<br>';<br/> for (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> for (var i = 0; i rdInfo += nodeStatus(rdItems[i]) + 'n';<br> }</p> <p>//alert(rdInfo);</p> <p><br> id="pSample"> これは最初のサンプルです! <br> var oSample = document.getElementById('pSample');<br> var attr = "";<br> //すべてのプロパティコンテンツを取得します<br> attr += "原标题是："<br> + oSample.getAttribute("title") + '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> // 新しい要素を挿入します <br> var doInsertBefore = function (o) {<br> var myDiv = document.getElementById('myDiv') // Div 要素を取得します <br> var newInput = document.createElement('input');新しい入力要素 <br> newInput.value = new Date().toLocaleString(); var targetElement = o; //DOM オブジェクト' s ' s ' を使用します。 ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ toLocaleString (); }<br> <br>var doRemoveChild = function (o) {<br> var myDiv = o.parentNode; //親要素 現在のオブジェクトの親ノードを取得します </p> var firstChild = myDiv.firstChild; // の最初の子ノード親ノード <p> //alert(firstChild.value);<br> myDiv.removeChild(firstChild) //Remove<br> }<br> < ;input type="button " value="removeChild" onclick="doRemoveChild(this)"/>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
