문서 개체 모델의 예제 코드

   

에 오신 것을 환영합니다. DOM World!

   var nodeStatus = function (node) {
       var temp = "";
       if (node.nodeName ! = null) {
           temp += "nodeName:" + node.nodeName + "n";
       }
       else {
           temp += "nodeName:null!n"; //
,n
       }

if (node.nodeType != null) {
           temp += "nodeType:" + node.nodeType + "n";
       }
       else {
           temp + = "노드 유형 :null!n";
       }

if (node.nodeValue != null) {
           temp += "nodeValue:" + node.nodeValue + "n";
       }
       else {
           temp += "노드 값:null !n";
       }

return temp;
   }

var currentElement = document.getElementById('p1');
   var msg = nodeStatus(currentElement);
   //alert(msg);
   var firstChild = currentElement . firstChild;
   msg += nodeStatus(firstChild);

//父亲的下一个儿子->弟弟
   var youngBrother = firstChild.nextSibling;
   msg += nodeStatus(youngerBrother);

//2弟적儿子= p父亲적 大孙子
   var grandSon = youngBrother.firstChild;
   msg += nodeStatus(grandSon);

//孙子적父亲
   var grandSonParent = grandSon.parentNode;
   msg += nodeStatus(grandSonParent );

//孙子의 父亲적 兄长
   var grandSonParentElderBrother = grandSonParent.previousSibling
   msg += nodeStatus(grandSonParentElderBrother);

//大哥的父亲
   var parent = grandSonParentElderBrother.parentNode;
   msg += nodeStatus(부모);

//父亲적소儿子
   var lastChild = parent.lastChild;
   msg += nodeStatus(lastChild);

//父亲的所有儿子
   var allChildInfo = "";
   var allChild = parent.childNodes;
   for ( 변수 i = 0 ; 나는 < allChild.length; i++) {
       allChildInfo += nodeStatus(allChild[i]);
   }

//alert(msg);

   
• 빈즈

   
• 치즈

   
• 우유

   
   

   id="pSample">
   첫 번째 샘플입니다!

   

ertBefore" onclick= "doInsertBefore(this)"/>

위 내용은 문서 개체 모델의 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!