html li for,HTML DOM li用法及代码示例

DOM Li对象用于表示HTML

元素。 li元素由getElementById()访问。

属性：

value:它具有一个名为value的属性，该属性用于返回

标记的value属性的值

用法:

document.getElementById("ID");

其中“id”是分配给“li”标签的ID。

示例1：

DOM li Object

GeeksforGeeks

DOM Li Object

1. Geeks
2. Sudo
3. Gfg
4. Gate
5. Placement

Submit

function myGeeks() {

// Accessing 'li' tag.

var g = document.getElementById("GFG");

g.value = "100";

}

输出：

在单击按钮之前：

单击按钮后：

示例-2：

可以使用document.createElement方法创建对象。DOM li Object

GeeksforGeeks

DOM Li Object

1. Geeks
2. Sudo
3. Gfg
4. Gate

Submit

function myGeeks() {

// li tag created.

var G = document.createElement("LI");

var F = document.createTextNode("Placement");

G.appendChild(F);

document.getElementById("GFG").appendChild(G);

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM Li Object支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari