html dom元素操作！

来源：互联网发布：mac del rio 编辑：程序博客网时间：2024/05/16 15:37
<!DOCTYPE html><html>  <head>    <title>scroll.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <script>    window.onload = function() {    var p212 = document.getElementById('p212');    console.info('p212 = ' + p212);    console.info('p212 parent = ' + p212.parentNode);    console.info('p212 previousSibling = ' + p212.previousSibling);    console.info('p212 nextSibling = ' + p212.nextSibling);    console.info('p212 childNodes = ' + p212.childNodes);    console.info('p212 firstChild = ' + p212.firstChild);    console.info('p212 lastChild = ' + p212.lastChild);    };    </script>  </head>  <body>  <div id="p1">  <div id="p21">  <div id="p211">  211  </div>  <div id="p212">  <div id="p2121">  2121  </div>  <div id="p2122">  2122  </div>  </div>  <div id="p213">  213  </div>  </div>  <div id="p22">  <div id="p221">  221  </div>  <div id="p222">  222  </div>  <div id="p223">  223  </div>  </div>  </div>  </body></html>
0 0