定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
语法
document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。
不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。
在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个（在文档中）唯一的名称，然后就可以用该 ID 查找想要的元素。
相关：
方法：
focus
使得元素得到焦点并运行由 onfocus 事件指定的代码。
getElementById
获取对 ID 标签属性为指定值的第一个对象的引用。
getElementsByName
依据 NAME 标签属性的值获取对象的集合。
getElementsByTagName
获取基于指定元素名称的对象集合。
例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
// 原来的处理方法
// 通过id抓取元素
window.onload = function(){
document.getElementById('dd').style.color = 'blue';
// 通过class抓取元素 只有id才是捉一个，其它都是捉数组，一抓一大把的那种
// document.getElementsByClassName('tt').style.color = 'red'; 不能这样写,这样写是错的
// 通过id抓过来的元素只有一个,
// 但是通过class/标签名/name属性抓到的元素会以数组的形式返回 回来,那怕是只抓到一个元素
// 先存在变量里
// var uu = document.getElementsByClassName('tt');
// uu[0].style.color = 'red';
// uu[1].style.color = 'red';
// 如果class数量多,我们可以用for循环
var uu = document.getElementsByClassName('tt');
for(a=0;a<uu.length;a++){
uu[a].style.color ='red';
}
// 通过name(一般表单用这个属性多)属性抓元素
var gg = document.getElementsByName('ww');
gg[0].style.color = 'darkgreen';
gg[1].style.color = 'darkgreen';
// 通过标签名抓元素
var ee = document.getElementsByTagName('p');
ee[0].style.fontSize = '30px';
}
</script>
</head>
<body>
<p>例。0</p>
<p id="dd">例。1</p>
<p name="ww">例。2</p>
<p class="tt">例。3</p>
<p class="tt">例。4</p>
<p class="tt">例。5</p>
<p name='ww'>例。6</p>
</body>
</html>
原文链接：https://www.qiquanji.com/post/7870.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知