元素节点的获取的六种方法
Posted 1998archer
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素节点的获取的六种方法相关的知识,希望对你有一定的参考价值。
<html>
<head>
</head>
<body>
<script>
//1 通过标签的id属性获取元素
document.getElementsById(参数)
// 注意:
// 1)参数不需要加#
// 2)id值相同时只能获取第一个
// 3)参数区分大小写
// 2 通过标签名来获取元素(类似数组)
document.getElementsByTagName(参数)
// 注意:
// 1)参数不区分大小写
// 2)返回值为“伪数组”,可以通过下标获取其中某个元素
// 3 通过标签的name属性来获取元素(类似数组)
// 4 通过标签的class属性来获取元素
//(数组),有浏览器兼容性,主要是ie8以下
var list = document.getElementsByClassName(‘sty‘);
//5 通过css选择器获取页面元素
var objs = document.querySelector(‘div,p‘);
console.log(objs);
//6 通过css选择器获取页面元素
var objs = document.querySelectorAll(‘div,p‘);
console.log(objs);
</script>
</body>
</html>
以上是关于元素节点的获取的六种方法的主要内容,如果未能解决你的问题,请参考以下文章