节点查找

2022-05-30 06:31:24 阅读：103 来源： 互联网

父节点查找特点：

　　1.parentNode 属性 　　2.返回最近一级的父节点找不到返回为null

代码：  li.parentnode.style.color = 'red'      (子元素.parentnode)

　　
子节点查找特点：

　　children：仅获得所有元素节点，返回的还是一个伪数组


代码：　let ul = document.queryselector('ul')　　　　

　　　　ul.children.style.color = 'blue'       （父元素.children）



兄弟节点查找：

　　nextElementSibling 属性

　 previousElementSibling 属性


代码：

　　<button>点击</button>
<ul>

    <li>第一个</li>
    <li class = 'two'>第二个</li>
    <li>第三个</li>

</ul>

　　let two = document.querySelector('.two'）（获取DOM对象）
　　two.nextElementSibling.style.color = 'red' （查找下一个节点）

　　two.previousElementSibling.style.color = 'green' （查找上一个节点）

标签：style,color,two,节点,查找,children
来源： https://www.cnblogs.com/cjh2022/p/16325548.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

节点查找