jak uzyskać wartość li tag, który jest w znaczniku ul używając getElementById

Question

W tym kodzie Dostaję w pogotowiu 0 insteadof 'abc'

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

JS:

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

Answer 1

Musisz przeczytać wartość atrybutu, ponieważ HTMLLiElement nie ma value nieruchomości:

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

A ponieważ value atrybut nie jest zdefiniowane w specyfikacji dla li tagu, to lepiej użyć atrybutu danych (z .getAttribute("data-value")):

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

Następnie HTML będzie ważne i IDE nie będzie narzekać nieznanymi atrybutów.

Sprawdź wersję demonstracyjną poniżej.

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

Spróbuj użyć 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. Trzeba tylko zamienić linię

   alert (document.getElementById ("repoFolder"). Wartość); z

   alert (document.getElementById ("repoFolder"). GetAttribute ("wartość"));

Answer 4

Dodaj następujący wiersz:

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