getElementById(“ID”)
getElementById()可以访问Documnent中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。
getElementsByName(“Name”)
这个是通过name来获得元素，但不知大家注意没有，这个是get elemnets，复数elemnets代表获得的不是一个元素，为什么呢？
因为Documnent中每一个元素的ID是唯一的，但NAME却可以重复。打个比喻就像人的身份证号是唯一的（理论上，虽然现实中有重复），但名字重复的却很多。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。
getElementsByTagName(“TagName”)
这是通过TagName（标签名称）来获得元素，一个Document中当然会有相同的标签，所以这个方法也是取得一个数组。
下面这个例子有两个DIV，可以用getElementsByTagName("div")来访问它们，用getElementsByTagName("div")[0]访问第一个DIV,，用getElementsByTagName("div")[1]访问第二个DIV。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
var dd = document.getElementById('dd');
var title = document.getElementById('title');
// 给按钮加单击事件
dd.onclick = function(){
// 获得h1里所有的内容(innerHTML指的是从对象的起始位置到终止位置的全部内容,)
// var tt = title.innerHTML;
// alert(tt);
// 设置元素的所有内容（里面的标签没过滤）
// title.innerHTML ="这个是新设置出来的内容";
// 获得纯文本内容(过滤掉里面的标签)
// var yy = title.innerText; //这个是对IE浏览器好像，可能有一些浏览器不支持
// var yy = title.textContent; //一般用这个(这个是标准w3c的写法)
// alert(yy);
//
//
//// document.all 识别IE浏览器,判断
// if (document.all) {
// var yy = title.innerText;
// } else{
// var yy = title.textContent;
// }
// 兼容性的短路写法(上面的也可以这样写)
var yy = title.innerText || title.textContent;
alert(yy);
}
}
</script>
</head>
<body>
<input type="button" name="dd" id="dd" value="来点我进行操作！" />
<br /><br />
<h1 id="title">一是不知道自己应该写什么，<span>二是怕自己写的不好。</span></h1>
</body>
</html>
原文链接：https://www.qiquanji.com/post/7087.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知