时间:2021-07-01 10:21:17 帮助过:5人阅读
js:1.根据ID查询;2.根据标签名查询;3.根据name查询;4.根据层次查询;详情如下:
输出:上海 console.log(cd.parentNode.getElementsByTagName("li")[1]); </script>
- <script>
- //1.根据ID查询节点
- var ul = document.getElementById("city");
- var cd = document.getElementById("cd");
- console.log(ul);
- console.log(cd);
- //2.根据标签名查询节点
- //2.1在整个文档(document)内查询
- console.log(document.getElementsByTagName("li"));
- //2.2在某个元素节点(element)内查询
- console.log(ul.getElementsByTagName("li"));
- //3.根据name查询节点(基本都是给表单控件用的)
- console.log(document.getElementsByName("sex"));
- //4.根据层次查询节点
- //获取已得到的节点的父亲、孩子和兄弟
- //4.1获取父亲,返回的是单个值
- console.log(cd.parentNode);
- //4.2获取孩子,返回的是多个值
- //这种方式返回的节点是个数组,并且会把空格当做孩子放入数组中
- console.log(ul.childNodes);
- //不带空格的获取孩子的节点
- console.log(ul.getElementsByTagName("li"));
- //标准API中没有直接查询兄弟的方法,
- //必须通过查询父亲、查询孩子来实现查询兄弟,
- //下面的语句
jQuery:直接利用jQuery选择器,选中元素,进行操作即可;请查看另一片文章:jQuery选择器
js之DOM事件流详解
JavaScript之优化DOM
以上就是JS和JQuery对操作DOM的方法的详细内容,更多请关注Gxl网其它相关文章!