document.getelementbyid() 方法
定义和用法
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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知