html里面column的超链接,HTML DOM Column用法及代码示例

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