首页 > 代码库 > nodeValue和innerHTML的比较

nodeValue和innerHTML的比较

<ul id="parent">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>

</ul>
<script>
var par=document.getElementById(‘parent‘);
//注意这里要获取li里面的内容需要两次childNodes,注意nodeValue不要乱用
因为第一次获取了li但是li的nodeValue不是1而是Nodelist还需要在获取一次childNodes得到文本节点
alert(par.childNodes[1].childNodes[0].nodeValue);//==alert(par.childen[0].chiledNodes[0].nodeValue;)
alert(par.childNodes[1].innerHTML);
</script>

nodeValue和innerHTML的比较