玩转浏览器之IE-认识document.getElementById

学习大师原创作品,请勿转载,侵权必究。



Document
的方法 getElementById()返回一个匹配特定 ID的元素. 由于元素的 ID 在大部分情况下要求是独一无二的,这个方法自然而然地成为了一个高效查找特定元素的方法。

用法

document.getElementById(id);

参数

  • 返回值element是一个 Element 对象。如果当前文档中拥有特定ID的元素不存在则返回Null.

  • id是大小写敏感的字符串,代表了所要查找的元素的唯一ID.

注意

对 “Id” 的拼写一定要正确。无论看起来多么合情合理,getElementByID() 都是不合理的且永远都不会工作的。

不同于其他 Element 查找方法(如Document.querySelector() 以及 Document.querySelectorAll()),getElementById() 只有在作为 document 的方法时才能起作用,而在DOM中的其他元素下无法生效。这是因为 ID 值在整个网页中必须保持唯一。因此没有必要为这个方法创建所谓的 “局部” 版本。

实例运用

我们来通过打开百度,判断该网页是否存在某个ID的元素:

1、我们打开百度




通过审查元素,查看百度的搜索框的ID为kw,那么我们判断这个web页面是否存在ID为kw的元素


2、在界面增一个按钮,如图:




代码如下

3、运行程序,并打开百度,点击按钮,执行效果如下图:



从上图可以看出,我们能检测到web页面包含了我们查找的元素。


4、我们切换网站到QQ官网,然后再次点击按钮,效果如下:



从上图可以看出,QQ网站的Web页面没有这个ID的元素。查找是正确的。


通过上面的实例,我们了解和掌握的获取Web页面的某个ID的元素,那么我们后面就可以对这个元素进行一系列的操作了。


那后面我们能做什么呢?你想到了什么呢?

更多课程,敬请期待。。。。

联系电话:
020-00000000
联系电话:
020-00000000
联系电话:
020-12345678