html id属性怎么引用,HTML ID属性

id属性用于为HTML文档的元素指定唯一ID。它分配CSS和JavaScript用于执行某些任务的唯一标识符。

注意：在层叠样式表(CSS)中, 我们可以通过使用＃符号后跟id来轻松选择具有特定id的元素。

注意：JavaScript可以使用getElementById()方法访问具有给定ID的元素。

句法

示例1：以下示例描述了如何在CSS文档中使用id属性：

Example of Id attribute in CSS

#Cars {

padding: 40px;

background-color: lightblue;

color: black;

text-align: center;

}

#Bikes

{

padding: 50px;

background-color: lightGreen;

text-align: center;

}

Use CSS to style an element with the id:

Cars

Bikes

立即测试

输出：

示例2：以下示例描述如何在JavaScript中使用ID属性。

Date Attribute

function viewdate() {

var x = document.getElementById("dob").value;

document.getElementById("demo").innerHTML = x;

Employee Name:

Date of Joining:

Submit

立即测试

输出：

浏览器支持

Element

Chrome

IE

Firefox

Opera

Safari

Yes

Yes

Yes

Yes

Yes