JavaScript HTML DOM getElementById() 方法

• 

  HTML DOM getElementById() 方法

  document.getElementById()方法返回具有指定值的ID属性的元素。此方法是HTML DOM中最常用的方法之一，几乎每次您想要操作文档中的元素或从中获取信息时都会使用此方法。如果不存在具有指定ID的元素，则返回null。ID在页面中应该是唯一的。但是，如果存在多个具有指定ID的元素，则getElementById()方法将返回源代码中的第一个元素。

  实例：

  获取具有指定ID的元素：

  document.getElementById("demo");
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  getElementById()	支持	支持	支持	支持	支持

• 

  语法

  document.getElementById(elementID)
• 

  参数值

  参数	类型	描述
  elementID	String	必需的。 要获取的元素的ID属性值

• 

  技术细节

  项目	描述
  返回值：	Element对象，表示具有指定ID的元素。如果不存在具有指定ID的元素，则返回null
  DOM版本	Core Level 2

• 

  更多例子

  获取id=“demo”的元素并更改其颜色：

  var x = document.getElementById("demo");   // 获取 id="demo" 的元素
  x.style.color = "red";                     // 改变元素的颜色       
  

  尝试一下
• 

  相关页面

  CSS 教程 CSS 语法

  CSS 参考 CSS #id选择器