<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>兄弟节点</title>
</head><script&load=function () {var demoElementById("one");//Sibling.style.backgroundColor="red";var oneElementSibling || 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小时内删除。
留言与评论(共有 0 条评论) |