문서 개체 모델의 예제 코드

零下一度
풀어 주다: 2017-06-28 10:22:11
원래의
1178명이 탐색했습니다.




   


에 오신 것을 환영합니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿