【关于childNodes的length的问题】的更多相关文章

关于childNodes的length的问题

<ul id="ul1"> <li></li> <li></li> </ul> 这个时候如果 document.getElementById('ul1').childNodes.length;  得到的结果是5,而不是2 因为它把之间的换行也当成是node 严格来说这也是正确的,节点分为元素节点(标签)和文本节点(纯文本),换行和空格实际上是文本节点. 这个问题在Chrome以及高版本IE会出现,反而在IE7不出现…

使用JavaScript访问子节点方法elementNode.childNodes时，需要注意的地方

有这样一个HTML结构 <div> javascript <p>javascript</p> <div>jQuery</div> <h5>PHP</h5> </div> 使用JavaScript访问它的子节点 var children = document.getElementsByTagName('div')[0].childNodes; children.length 正如你看到的,children.len…

通俗易懂的来讲讲DOM

DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系统的讲解下DOM的相关知识,如有遗漏或错误,还请大家指出一起讨论^ ^. 一.DOM是什么? DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档. 这个说法很官方,大家肯定还是不明白. 举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节…

Javascript快速入门(上篇)

Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.与1995年,由Netscape公司的Brendan Eich设计实现,其相关标准为ECMAScript,当前的版本为ECMAScript 2016. 其组成…

javascript高级程序设计---NodeList和HTMLCollection

节点对象都是单个节点,但是有时会需要一种数据结构,能够容纳多个节点.DOM提供两种接口,用于部署这种节点的集合分别是NodeList和HTMLCollection MDN上的定义: NodeList: NodeList对象是通过Node.childNodes和document.querySelectorAll方法返回的(collections of nodes)节点的集合, NodeList一般是动态集合live collection, 是即时更新的(live):当其所包含的文档结构发生改变时,…

javascript - DOM对象控制HTML元素详解

1.方法   getElementsByName() -- 获取name getElementByTagName() -- 获取  getAttribute()         --获取元素属性 setAttribute()         --设置元素属性 childNodes()            --访问子节点 parentNodes()        --访问父节点 createElement()    --创建元素节点 createTextNode    --创建文本节点 inse…

读javascript高级程序设计10-DOM

一.节点关系 元素的childNodes属性来表示其所有子节点,它是一个NodeList对象,会随着DOM结构的变化动态变化. hasChildNodes():是否有子节点. var headlines=document.getElementById("headline_block"); var childs=headlines.childNodes; childs.length; childs[0];//取第一个子节点 childs.item(0);//取第一个子节点 parentN…

IE和火狐 差异

1.JavaScript中 1)IE和FireFox中childNodes的差别: <head> <script type="text/javascript"> function view(){ var childs1=$('#FirstDiv').childNodes; var childs2=$('#SecondDiv').childNodes; alert("length of FirstDiv: "+childs1.length+&q…

javascript读取xml的方法【转载】

jquery读取xml文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery…

DOM 之通俗易懂讲解

DOM是所有前端开发每天打交道的东西,但是随着jQuery等库的出现,大大简化了DOM操作,导致大家慢慢的“遗忘”了它的本来面貌.不过,要想深入学习前端知识,对DOM的了解是不可或缺的,所以本文力图系统的讲解下DOM的相关知识,如有遗漏或错误,还请大家指出一起讨论^ ^. 一.DOM是什么? DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档. 这个说法很官方,大家肯定还是不明白. 举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节…