Получить текст Содержание списка

У меня есть два элемента списка на моей странице html. Я хотел бы получить доступ к «текстовому контенту» элемента «первого списка», присутствующего в «первом неупорядоченном списке». Мне нужно сделать это с javascript, а не jquery.Это то, что я пытался, но does'nt, похоже, работает.Получить текст Содержание списка

<html> 
<head> 
<title>dom</title> 
<script type="text/javascript"> 
function createcontent(){  
     var val = document.getElementsByTagName("ul")[0].childNodes[0].nodeValue; 
     document.getElementById("content").innerHTML = val; 
    } 

</script> 
</head> 

<body onload="createcontent();"> 
<ul> 
    <li>Milk</li> 
    <li>cured</li> 
    <li>eggs</li> 
</ul> 

<ul> 
    <li>cabbage</li> 
    <li>califlower</li> 
    <li>apple</li> 
</ul> 

<p id="content"></p> 
</body> 

</html>

источник

2016-01-25 Pradeep

'childNodes' включает в себя текст и узлы комментариев. Пробелы между вашими тегами также составляют текстовые узлы - и поэтому 'document.getElementsByTagName (" ul ") [0] .childNodes [0]' is _not_ ссылается на первый элемент LI здесь. – CBroe

@CBroe yes.my error.any способ рассчитать, что такое детский номер? – Pradeep

<html> 
 
<head> 
 
<title>dom</title> 
 
<script type="text/javascript"> 
 
function createcontent(){  
 
     var val = document.getElementsByTagName("ul")[0].children[0].innerText; 
 
    alert(val); 
 
     document.getElementById("content").innerHTML = val; 
 
    } 
 

 
</script> 
 
</head> 
 

 
<body onload="createcontent();"> 
 
<ul> 
 
    <li>Milk</li> 
 
    <li>cured</li> 
 
    <li>eggs</li> 
 
</ul> 
 

 
<ul> 
 
    <li>cabbage</li> 
 
    <li>califlower</li> 
 
    <li>apple</li> 
 
</ul> 
 

 
<p id="content"></p> 
 
</body> 
 

 
</html>

источник

2016-01-25 15:53:51 saikumar

Получить текст Содержание списка

ответ

Смежные вопросы