HTML DOM中的Column Object用于表示HTML
元素。此标记用于设置或获取元素的属性。可以使用getElementById()方法进行访问。用法:
document.getElementById("Col_ID");
此Col_ID分配给HTML
元素。属性值:
span:用于设置或返回跨度属性。
示例1:使用document.getElementById(“myCol”).id返回“col id”;
HTML | DOM Column Object
#myCol {
background:green;
}
table {
color:white;
margin-left:150px;
}
#Geek_p {
color:green;
font-size:30px;
}
td {
padding:10px;
}
GeeksForGeeks
HTML | DOM Column Object
S.No | Title | Geek_id |
---|---|---|
Geek_1 | GeekForGeeks | Geek_id_1 |
Geek_2 | GeeksForGeeks | Geek_id_2 |
Click
function myGeeks() {
// access col element
var x = document.getElementById(
"myCol").id;
document.getElementById(
"Geek_p").innerHTML = x;
}
输出
在单击按钮之前:
单击按钮后:
示例-2:使用document.getElementById(“myCol”).span从“col id”返回span元素的数目;
HTML | DOM Column Object
#myCol {
background:green;
}
table {
color:white;
margin-left:150px;
}
#Geek_p {
color:green;
font-size:30px;
}
td {
padding:10px;
}
GeeksForGeeks
HTML | DOM Column Object
S.No | Title | Geek_id |
---|---|---|
Geek_1 | GeekForGeeks | Geek_id_1 |
Geek_2 | GeeksForGeeks | Geek_id_2 |
Click
function myGeeks() {
// access col element
var x = document.getElementById(
"myCol").span;
document.getElementById(
"Geek_p").innerHTML = x;
}
输出
在单击按钮之前:
单击按钮后:
支持的浏览器:
谷歌浏览器
火狐浏览器
Edge
Safari
Opera