JS兄弟节点的获取

阅读: 评论:0

JS兄弟节点的获取

JS兄弟节点的获取

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>兄弟节点</title>
</head><script&load=function () {var demo&#ElementById("one");//Sibling.style.backgroundColor="red";var one&#ElementSibling || Sibling;   //下一个兄弟节点  先写支持正常发浏览器的,再写支持ie678的one.style.backgroundColor="red";   //设置为红色//上一个兄弟节点var two=demo.previousElementSibling || demo.previousSibling;  //上一个兄弟节点  先写支持正常发浏览器的,再写支持ie678的two.style.backgroundColor="blue";}</script><!-- nextSibling  下一个兄弟节点       仅支持ie 678 认识nextElementSibling   其他浏览器认识的previousSibling   同理  上一个兄弟节点previousElementSiblingfirstChild    第一个孩子  ie678firstElementChild  第一个孩子   正常浏览器  var one.firstElementChild || one.firstChild;   lastChildlastElementChild-->
<body><ul><li>123</li><li>121</li><li id="one">12345</li><li>1111</li><li>111111</li><li>111</li><li>11111</li><li>111</li></ul>
</body>
</html>

 

本文发布于:2024-02-03 04:21:03,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170690526348614.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:节点   兄弟   JS
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23