首页 > 其他 > 详细

DOM学习

时间:2015-03-22 15:00:30      阅读:203      评论:0      收藏:0      [点我收藏+]

HTML:

<div id="div1">

  <ul id="ul1">

    1<li>2</li>

    3<li>4</li>5

  </ul>

</div>

 

<script>

var oUl1 = document.getElementById(‘ul1‘);

alert(oUl1.childNode.length);  //输出5(FF、chrome、IE9+),输出2(IE6-8)

alert(oUl1.children.length);    //输出2

<script>

HTML中1-5表示5个childNode,高版本浏览器包含了1、3、5三个文本节点、使用children不包含1、3、5三个文本节点

oUl1.firstChild是IE6-8兼容

高版本浏览器使用oUl1.firstElementChild和oUl1.lastElementChild

DOM学习

原文:http://www.cnblogs.com/wjly/p/4357264.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!