JavaScript Element id 属性

• 

  JavaScript Element id 属性

  id属性设置或返回元素的id（元素的id属性的值）。id在页面中应该是唯一的，并且通常用于使用document.getElementById()方法返回元素 。

  实例：

  获取元素的id：

  var x = document.getElementsByClassName("anchors")[0].id; 
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  id	支持	支持	支持	支持	支持

• 

  语法

  返回id属性：

  HTMLElementObject.id

  设置id属性：

  HTMLElementObject.id = id
• 

  属性值

  参数	类型	描述
  id	String	指定元素的id

• 

  技术细节

  项目	描述
  返回值：	个字符串，表示元素的ID
  DOM版本	Core Level 1

• 

  更多例子

  更改元素的ID：

  document.getElementById("demo").id = "newid";
  

  尝试一下

  如果文档中的第一个<div>元素的id为“myDIV”，请更改其font-size：

  var x = document.getElementsByTagName("DIV")[0];
  
  if (x.id == "myDIV") { 
    x.style.fontSize = "30px";
  }
  

  尝试一下
• 

  相关页面

  CSS教程：CSS语法

  CSS参考：CSS #id选择器

  HTML DOM参考：HTML DOM getElementById()方法