1.getElementById方法
参数:html节点的id名称(一个字符串)
返回值:节点对象
返回值类型:object
2.getElemensByClassName
参数:html节点的class名称
返回值:节点对象的数组
返回值类型:数组(数组内为标签对象)
3.getElementsByTagName
参数:节点对象的数组
返回值:数组(存放标签对象)
例:
<html>
<head>
</head>
<body>
<div id="adiv"></div>
<div id="bdiv"></div>
<div id="cdiv"></div>
<ul>
<li class="la"></li>
<li class="la"></li>
<li class="la"></li>
</ul>
<script type = "text/javascript">
var x1 = document.getElmementById("adiv");
console.log(x1);
//输出结果:<div id ="container">(数据类型为objet)
var xarrc = document.getElementClassName("la");
console.log(xarrc);//输出结果:
var xarr = document.getElementsByTagName("div");
console.log(xrr);//输出结果:
说明:1.这三个方法属于document对象
2.这三个方法有顺序的要求,若放在节点之前则找不到指定数组,最后返回null。
</script>
</body>
</html>