【firstChild与firstElementChild】的更多相关文章

兼容firstChild和firstElementChild

1.nextSibling和nextElementSibling 顾名思义,就是找下一个节点 nextSibling在低版本浏览器中可以顺利找到下一个元素节点,而在正常浏览器中找到的包含中间空格. nextElementSibling恰恰相反,低版本不认识,正常浏览器顺利找到下一兄弟节点. 封装nextNode(): function nextNode(obj){ if (!obj.nextSibling) { return false; }; return obj.nextElementSib…

firstChild与firstElementChild

相同点: 都是获取父元素下的第一个节点对象 不同点: firstChild: IE6.7.8 第一个元素节点; 非IE6.7.8:返回第一个元素节点或文本节点 firstElementChild: IE6.7.8不支持:非IE6.7.8,获取第一个元素节点 <script type="text/javascript"> /** * @description: 获取父元素的第一个节点 * @param ele: 传入一个DOM元素 * */ function firstChi…

05.DOM

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

js DOM Element属性和方法整理

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

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…

util.js

轻量基础库.方法库 用时可直接拷贝 拆卸式使用 适用于mobile端简单页面 适用于PC简单页面 基于node.php等多种构建方法 (function(M){ /** * 初始化Ajax请求 * @param {object} option 参数 * { * data: {key: val}, //数据JSON * method: 'GET', //GET 或者 POST * url: 'http://qq.com', //cgi地址 * success: function(res){ //成…

DOM兼容

-firstChild  firstElementChild var oFirst = oUl.firstChild || oUl.firstElementChild; -lastChild   lastElementChild var oLast = oUl.lastChild || oUl.lastElementChild; -nextSibling  nextElementSibling; var oNext = oUl.nextSibling || oUl.nextElementSibl…

DOM节点关系,节点关系

DOM节点关系 定义 节点中的各种关系可以用传统的家族关系来描述,相当于把文档树比喻成家谱. 属性 [nodeType.nodeName.nodeValue] 每个节点都有这三个属性,且节点类型不同,这三个属性的值不同.对于元素节点来说,nodeType的值为1,nodeName保存的始终都是元素的全大写标签名,而nodeValue的值则始终是null <div class="box" id="box"></div> <script&g…

DOM应用

父级.removeChild(子节点);父级.appendChild(子节点);父级.insertBefore(子节点, 在谁之前); 创建元素: <script> window.onload = function(){ var oBtn=document.getElementById('btn1'); var oUl=document.getElementById('ul1'); var oTxt=document.getElementById('txt1'); oBtn.onclick=f…

DOM基础之“寻找”子节点

今天学习了JS中的DOM的内容,虽然小菜的理解不深,但希望能够记录下来,慢慢一点一点的进步,有更深的理解了,再回来补充. 首先,关于DOM的概念: 1.概念:DOM = document(文档)Object(对象)Model(模型) 文档:就是我们所说的html的页面 对象:指的是html页面中的元素,也成为标签 文档对象模型:则是规定的一系列能够为了让我们用JS更好操作页面元素的标准 2.在DOM下把文档当作树状结构,同时定义了很多方法来操作树中的每一个分支元素(节点) 3.如何寻找子节点 要…