玩转浏览器之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的元素，那么我们后面就可以对这个元素进行一系列的操作了。

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

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