Javascript 如何使用getElementById获取ul标签中的li标签的值

在这段代码中，我得到的是警报0，而不是“abc”

<ul>
    <li>First Node</li>
    <li id="repoFolder" value="abc">Lazy Node</li>
</ul>
<button onclick="rootFolder()">Click Me</button>

---

您需要读取属性值，因为没有

value

属性：

document.getElementById("repoFolder").getAttribute("value");

由于

value

属性未在

li

标记的规范中定义，因此最好使用数据属性（使用

.getAttribute（“数据值”）

）：

第一节点
惰性节点

单击我

尝试使用

getAttribute（）

：

函数根文件夹（）{
警报（document.getElementById（“repoFolder”）.getAttribute（“值”）；
}

第一节点
懒节点

单击我

您只需更换线路即可

警报（document.getElementById（“repoFolder”）.value）； 与

警报（document.getElementById（“repoFolder”）.getAttribute（“值”）

---

添加以下行：

alert(document.getElementById("repoFolder").getAttribute('value'));

<li id="repoFolder" data-value="abc">Lazy Node</li>

alert(document.getElementById("repoFolder").getAttribute('value'));