（1）getElementById是DOM的常用方法，它顾名思义，用id来取得某个元素（element），它是所有浏览器中都有实现的方法。

（2）getElementById()方法经常被用于获取某个元素，并把该元素绑定到一个javascript变量，例如：

`var element = document.getElementById(\"id\");`

（3）使用getElementById方法，可以从当前文档中获取一个指定 id 名称的元素，并返回它（可能为 null）的引用; HTML 元素的 id 可以使用在javascript中，使开发人员能够很容易的操作HTML元素。

（4）getElementById()方法有一个参数，就是该元素的id，我们只需要在括号里接上id的值即可，例：

`

This is div element

<script>

var x = document.getElementById(\"div1\");

x.innerHTML = \"div changed\";

</script>`

（5）实际上，任何一个 id属性的值在js中都可以直接使用，var id_value = document.getElementById(\"id\"); 该表达式将返回 id 属性值对应的元素对象。

（6）如果想要访问具有非唯一ID的元素，在旧版本的IE浏览器中，可以定义name属性来解决这类问题，例：

`

<script>

var y = document.getElementById(\"name_text\"); // 只返回一个元素

</script>`

（7）我们还可以从 Javascript 对象中获取 id 的值，例如：

`var elem = document.getElementById(\"elem\");

var id = elem.id;`

（8）如果想要在元素上使用 getElementById 匹配自定义属性，我们可以使用 querySelector 或 querySelectorAll：

`

<script>

var z = document.querySelector('[data-name=\"my_name\"]');

</script>`

（9）getElementById 是一个常见的方法，可以快速通过 id 属性查找元素，不管你在文档树的任何位置，只要有唯一的id，就可以在js中用getElementById方法获取它。

（10）不幸的是，不幸的是，由于id是唯一的，因此只能获取第一个匹配项，使用类似的方法可以获取一组元素，而不是单个元素，如getElementsByClassName 和 querySelectorAll(“.classname”)。

（一）getelementbyid的定义：

getElementById() 方法是 HTML DOM 的一部分，可以获取文档中拥有指定ID的元素。

（二）getelementbyid的特点：

1. getElementById 是document对象的一个仅有的方法；

2. getElementById() 是唯一的一个方法可以直接访问文档的某个元素；

3. getElementById() 只接受一个参数，该参数值为id属性，指定要获取元素的id属性值；

4. 当发现文档中存在给定ID 的元素时候，getElementById() 会返回指定(或被指定)的那个元素；

5. 如果没有发现拥有给定ID 的指定元素，getElementById() 会返回 null 值；

（三）getelementbyid的用法：

1. 通过该方法可以在 HTML DOM 中操作指定 id 的元素内容；

2. 使用 getElementById 可以返回文档中任何一个元素，比如表格、段落、标签等；

3. 该方法主要用于通过元素的ID访问并修改元素的内容；

4. getElementById 是一个非常强大的方法，它不仅可以直接访问某个 id 的元素，而且可以对指定元素进行修改；

5. 使用该方法，可以轻松实现网页动态效果；