zoukankan      html  css  js  c++  java
  • JS查找孩子节点

              以前看了JS方面的书,如今用到了,书看得再多,不用就忘了,所以经常用用你所学到的知识,温故知新。

             

            

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>###</title>
    <meta keywords="商品目录"/>
    <meta description="JS查找孩子节点"/>
    <script type="text/javascript">
         
         function getContent()
         {
          var x=document.getElementById("content");
          for(var i=0;i<x.childNodes.length;i++)
          {
              if((content=x.childNodes[i].innerHTML)=="目录")
              {
                var next=x.childNodes[i].nextSibling.nextSibling.textContent;
                alert(next);
              }
          }
           
         }
         window.onload=getContent;
    </script>
    </head>
    <body>
    <div id="content">
    <h3>商品</h3>
    <div id="1">
      <p >this is the first paragragh</p>
    </div>
    <h3>作者</h3>
    <div id="2">
      <p>this is the second paragragh</p>
    </div>
    <h3>目录</h3>
    <div id="3">
      <p>this is the third paragragh</p>
    </div>
    </div>
    </body>
    </html>
    

                还需要努力和实践,坚持,加油。

  • 相关阅读:
    Python自动化运维答疑解惑
    MySQL基础
    Centos下常用MySQL语法
    PDO
    生成静态页面的好处
    页面纯静态
    源码安装LNMP
    Nginx URL重写(rewrite)
    防盗链
    自定义菜单
  • 原文地址:https://www.cnblogs.com/xshang/p/3580759.html
Copyright © 2011-2022 走看看