<html> <head> </head> <body> <div id="content_Data"></div> <script type="text/javascript"> function auto() { alert("auto called"); document.getElementById('content_Data').innerHTML='<div><table><tr><td>10</td><td>20</td></tr></table></div>'; alert(document.getElementById('content_Data').innerHTML); getelements(); } function getelements(){ var searchElement=document.getElementById('content_Data').getElementsByTagName("div"); for( var i=0; i<searchElement.length; i++ ) { var child_length=searchElement[i].childNodes.length; for( j=0; j<child_length; j++ ) { alert(searchElement[i].childNodes[j].nodeValue); } } } </script> <script>auto();</script> </body> </html>
попробуйте посмотреть на innerHTML узла td. Или, если вам нужен только текст, то это innerText для IE и textContent для других.
alert(searchElement[i].childNodes[j].innerHTML)
также, jQuery значительно упростит ваш код.
Вы можете изменить getElementsByTagName("div"), чтобы получить элементы td:
getElementsByTagName("div")
td
var searchElement=document.getElementById('content_Data').getElementsByTagName("td");
И лучше объявить переменную j во втором for: D. Это все, что вам нужно изменить
j
for
Ну, просто перейдите туда. Например
document.getElementById('content_Data').firstChild.firstChild.firstChild
возвращает первую ячейку таблицы (со значением 10).