कैसे ली टैग जो getElementById

Question

का उपयोग कर इस कोड को मैं 'एबीसी'

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

जे एस insteadof चेतावनी 0 में हो रही है में उल टैग में है का मान प्राप्त करने के लिए:

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

Answer 1

आप पढ़ने की जरूरत है महत्व देते हैं, HTMLLiElement के बाद से नहीं है value संपत्ति:

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

औरके बाद सेविशेषता li टैग के लिए विनिर्देश में परिभाषित नहीं है, यह (.getAttribute("data-value") के साथ) डेटा विशेषता का उपयोग करने के लिए बेहतर है:

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

फिर HTML मान्य होगा और आईडीई के अज्ञात विशेषताओं के बारे में शिकायत नहीं होंगे।

नीचे डेमो देखें।

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. आप केवल लाइन को बदलने के लिए

   +०१२३५१६४१०६

   अलर्ट (document.getElementById ("repoFolder")। मान);

   अलर्ट (document.getElementById ("repoFolder")। GetAttribute ('value'));

Answer 4

निम्न पंक्ति जोड़ें:

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