1.获取元素的三种方式
2018-06-12 本文已影响0人
若愚同学
HTML:
<body>
<div>
<span id="xs">西施</span>
<span id="dc">貂蝉</span>
<span id="zj">昭君</span>
<span id="yh">玉环</span>
</div>
<input type="checkbox" name="hobby">java
<input type="checkbox" name="hobby">C++
<input type="checkbox" name="hobby">.net
<input type="checkbox" name="hobby">c
</body>
JS:
window.onload = function() {
// 1.第一种方式.通过id获得
var ele1 = document.getElementById("xs");
console.log(ele1);
// 2.第二种方式.通过名字获得
var ele2 = document.getElementsByName("hobby");
console.log(ele2);
// 3.通过
var ele3 = document.getElementsByTagName("span");
console.log(ele3);
};
