(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. 使用该方法,可以轻松实现网页动态效果;