温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JS中的parentElement怎么用

发布时间:2021-09-22 17:41:35 来源:亿速云 阅读:501 作者:小新 栏目:开发技术

这篇文章主要为大家展示了“JS中的parentElement怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS中的parentElement怎么用”这篇文章吧。

  parentElement匹配的是parent为element的情况,而parentNode匹配的则是parent为node的情况。element是包含在node里的,它的nodeType是1。

  JS中的parentElement的用法

  <html>

  <head></head>

  <body>

  <form   name="a">   

  <table name="b">   

  <tr name="c" >   

                  <td name="d" >   

                        <select  name="e"  οnchange="xx(this.parentElement.parentElement.parentElement.name)">

    <option >1</option>

    <option >2</option>

    <option >3</option>

    <option >4</option>

    </select>

                  </td>  

  <td>&nbsp;</td>

            </tr>   

    <tr>&nbsp;</tr>

        </table>   

    </form> 

   </body>

   <script language="javascript">

   function xx(a)

   {

     alert(a);

   }

   </script>

  </html>

  //输出undefined 为什么了? 不是应该输出b么?

  改成this.parentElement.parentElement.parentElement.parentElement.name   正确输出

  其实代码应该这样理解

  <table>

  <tbody>

  <tr>

  <td>

  </td>

  </tr>

  Js中parentNode,parentElement之间的区别

  parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持。

以上是“JS中的parentElement怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js
AI