1.父节点父节点 parentNode（离的最近的父节点）<body> <div class="demo"> <div class="box"></div> <span class="erweima">×</span> </div> <script> //1.父节点 parentNode var erweima=doc
1.父节点
- 父节点 parentNode（离的最近的父节点）
<body>
<div class="demo">
<div class="box"></div>
<span class="erweima">×</span>
</div>
<script>
//1.父节点 parentNode
var erweima=document.querySelector('.erweima');
// var box=document.querySelector('.box');
//得到的是离元素最近的父级节点 如果得不到父节点就为null
console.log(erweima.parentNode);
</script>
</body>
2.子节点
2.1.children 获取子节点
2.2.childNodes 所有子节点
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<script>
//DOM提供的方法(API)获取
var ul=document.querySelector('ul');
var lis=document.querySelectorAll('li');
//1.子节点 childNodes所有的子节点 (包含元素节点 文本节点等等)
console.log
最低0.47元/天 解锁文章
116
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
