【nextSibling VS nextElementSibling】的更多相关文章

nextSibling VS nextElementSibling

2. nextSibling vs nextElementSibling { //FF { 在Firefox中,link2的nextSibling并不是link3,因为两者之间有一个换行符. 这被认为是一个空格, 所以link2的nextSibling就是这个空格,即一个text node,IE不存在这个问题. <a href="link2" id="link2"></a> <a href="link3" id=&q…

nextSibling 和nextElementSibling

在使用DOM过程中发现一个问题: 使用nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中.被返回的节点以 Node 对象返回. this.arrow = this.screen.nextSibling; this.left = this.arrow.children[0]; // undefined this.right = this.arrow.children[1]; // undefined // 使用nextElementSibling this.arrow = t…

【踩坑】nextSibling 和nextElementSibling的区别

DOM 使用nextSibling属性返回指定节点之后的下一个兄弟节点,(即:相同节点树层中的下一个节点). nextSibling属性与nextElementSibling属性的差别: nextSibling属性返回元素节点之后的兄弟节点(包括文本节点.注释节点即回车.换行.空格.文本等等): nextElementSibling属性只返回元素节点之后的兄弟元素节点(不包括文本节点.注释节点): 注意: 空格.回车也会看作文本,以文本节点对待. 下例中,如果两个li元素之间有空格.回车,将返回…

兼容的firstChild,lastChild,nextSibling,previousSibling写法

在IE下是支持firstChild,lastChild,nextSibling,previousSibling 但是在FF下,由于它会把标签之间的空格当成文本节点,所以为了准确地找到相应的元素,会用 firstElementChild, lastElementChild, nextElementSibling, previousElementSibling 兼容的写法是这样的 var oFirst = oParent.firstElementChild||oParent.firstChild  …

05.DOM

DOM基础 什么是DOM 标签元素节点浏览器支持情况  火狐支持最好 谷歌其次 ie最差 尤其是ie6-8DOM节点节点分为:元素节点和文本节点 测试节点的类型用nodeTypenodeType 为3时是文本节点nodeType 为1时是元素节点childNodes 节点 不兼容要做判断 一般用children children子节点只算第一层 parentNode父节点 <!DOCTYPE HTML> <html> <head> <meta charset=&q…

DOM相关属性，方法，兼容性问题处理小析

DOM:Document Object Model文档对象模型,用于让程序(js)取操作页面中的元素.DOM节点类型有12种. (一)属性 一.子节点操作1.所有子节点(1)元素.childNodes ==>只读,元素子节点列表集合(只包含一级子节点,不包含后辈孙级以下节点)标准浏览器:包含了文本和元素类型节点,也会包含非法嵌套的子节点.非标准浏览器:只包含元素类型节点,IE7以下不包含非法嵌套的子节点.兼容处理:由于文本节点无背景等样式,故在设置样式前用.nodeType判断节点类型.元素.n…

JavaScript 基础第八天（DOM第二天）

一.引言 初步认识DOM有可能会被各种不熟悉的因为因素影响自己的学习心态,你需要的是多去记忆一些单词然后加强自己的代码量. 二.导入 在昨天初步认识DOM以后我们见天将接着介绍有关于DOM的内容. 三.重点内容 ① 获得或设置页面的内容(innerText与innerHTML): 区别: a. 在获取页面文本的时候,innerText只获取标签之间的文本信息,不包括其中的的标签.而innerHTML是获取标签之间的所有内容包括标签,而且浏览器会会将获取的内容原样输出.innerHTML是所有浏览…

js DOM Element属性和方法整理

节点操作,属性 1. childNodes.children 这两个属性获取到的子节点会根据浏览器的不同而不同的,所以一定要判断下nodeType是否为1. childNodes获取到的是NodeList children获取到的是HTMLCollection NodeList and HTMLCollection 他们都提供了name(Number index)方法用来索引元素,可以直接用[index]来引用: 他们的区别在于NodeList没有提供namedItem(String name)…

javascript基础07

javascript基础07 1.节点 元素.childNodes : 属性 只读 属性 子节点列表集合 元素.childNodes 只包含子节点,不包含孙节点 DOM节点的类型有很多种,w3c标准有12种 标准下:包含了文本节点和元素节点,也会包含非法嵌套的子节点 非标准下:包含元素节点,ie7以下不会包含非法包含的嵌套的子节点 非标准就是IE7以下 常用文本节点.元素节点 空节点也是文本节点 判断节点的类型:元素.nodeType : 只读 属性 当前元素节点的类型返回值为1.2.3.4.5…

Dom初

DOM基础 •什么是DOM •浏览器支持情况 lDOM节点 •childNodes  nodeType –获取子节点 <!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/xhtm…