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

Answer 1

您需要读取属性值，因为

HTMLLiElement

没有

value

属性：

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

并且由于

value

标签的规范中未定义

li

属性，因此最好使用数据属性（带有

.getAttribute("data-value")

）：

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

然后 HTML 将有效，IDE 不会抱怨未知属性。

查看下面的演示。

function rootFolder() {
    alert(document.getElementById("repoFolder").getAttribute('data-value'));
}

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

Answer 2

尝试使用

getAttribute()

:

function rootFolder() {
  alert(document.getElementById("repoFolder").getAttribute('value'));
}

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

Answer 3

1. 您只需更换线

   alert(document.getElementById("repoFolder").value); 与

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

Answer 4

添加以下行：

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

Answer 5

应该可以。

let listElement = document.getElementById("myItem"); 让值 = listElement.textContent;