【dom 兼容性问题 2 offset】的更多相关文章

dom 兼容性问题 2 offset

    offsetParent : 离当前节点最近的具有定位属性的祖先节点. 如果所有祖先节点都没有定位属性: 对于一个有定位属性的元素: ie6.7 : offsetParent 是 html 节点 其它浏览器: offsetParent 是 body 节点 对于一个没有定位的元素: ie6/7 : 最近的一个触发了 haslayout 属性的祖先节点,如果所有祖先节点都没有触发 haslayout ,默认为 body 节点. 其它浏览器: body. 如果当前节点有 display:non…

dom兼容性问题3 元素操作

/* var oLi = document.createElement('li'); oUl.appendChild( oLi ); }; createElement('') : 创建一个dom元素 appendChild() : 往一个节点的现有子节点后面追加一个新的子节点. 父级.appendChild( 子节点 ); insertBefore() createElement('') : 创建一个dom元素 appendChild() : 往一个节点的现有子节点后面追加一个新的子节点. 父级…

dom 兼容性问题1_节点部分

AS : ECMAScript xml . html js组成: 1,ECMAScript : 是Javascript的核心标准.同时也是一个解释器. 2,DOM: document object model 文档对象模型 html dom / xml dom document.getElementById(); document.getElementsByTagName(); oDiv.getElementsTagName(); oDiv.style.width oDiv.innerHTML…

JavsScript+dom

JavsScript+dom DOM(兼容性) 用于操作文档树 1.帮助我们找到标签 直接查找 间接查找 getElementById getElementsByTageName 2.标签操作 内容: 1.文本框  t.value='aaa' 2.a标签   b.innerText(没有html格式,纯文本) b.innerHtml(有html格式) 例子:文本框文字消失 class: 1.引用class样式中的注意 className classList.remove(名) classList…

JavaScript DOM基础总结

上个月在进行百度三面时候,面试官提问JavaScript DOM方法,我回答的有点少,前面太关注JavaScript 兼容性,框架方面,JavaScript 原生DOM基础没有记牢,心中有点遗憾.下来继续看我喜欢的红宝书,希望深入学习JavaScript DOM. DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.删除和修改页面的某一部分. 1.Node方面 1.1 节点类型 节点类型(nodeName) 数值常量(nodeValue) 元…

js DOM之基础详解

DOM(文档对象模型)是针对HTML和XML文档的一个API,描绘了一个层次化的节点树,允许开发人员添加.删除和修改页面的某一部分. HTML DOM 树形结构如下: 1.Node方面 1.1 节点类型 节点类型(nodeName) 数值常量(nodeValue) 元素节点 1 属性节点 2 文本节点 3 注释节点 8 文档节点 9 文档碎片节点 11 确定节点类型,兼容的方法是将nodeType属性与数字值进行比较,如下所示: if(someNode.nodeType==1){ alert("…

layer弹出层 layer源码

下载源码:点击下载 ;!function(window, undefined){ "use strict"; var pathType = true, //是否采用自动获取绝对路径.false:将采用下述变量中的配置 pathUrl = 'lily/lib/layer/', //上述变量为false才有效,当前layerjs所在目录(不用填写host,相对站点的根目录即可). $, win, ready = { hosts: (function(){ var dk = location…

第十一章：WEB浏览器中的javascript

客户端javascript涵盖在本系列的第二部分第10章,主要讲解javascript是如何在web浏览器中实现的,这些章节介绍了大量的脚本宿主对象,这些对象可以表示浏览器窗口.文档树的内容.这些章节同样涵盖重要的web应用所需要的网络编程API.本地存储和检索数据.画图等.主要包含内容有以下章节: web浏览器中的javascript / window对象 /  脚本化文档 /  脚本化css / 事件处理 / 校本化http / jQuery类库 / 客户端存储  /  多媒体和图形编程 /…

淘宝自己的前端框架KISSY(类似jquery) - 简易指南

KISSY 是由阿里集团前端工程师们发起创建的一个开源 JS 框架. 具备模块化.高扩展性.组件齐全,接口一致.自主开发.适合多种应用场景等特性. 在以下方面具有一定优势: A.拥有大量的中文文档: B.在国内具备一定的社区规模: C.开发便捷: D.综合借鉴国际先进的框架类库设计: E.应用场景广泛. 下载引入 KISSY 1.3.0 KISSY seed 1.3.0 引入方式有两种: 1.核心全部加载引入完整的 KISSY 2.按需加载模块引入 seed 引入完整的 KISSY 引入完整的…

createElement()结合appendChild()的实例

createElement()作用是在JavaScript中创建一个元素 appendChild()向html元素添加节点 下面是冲浪后改编的例子代码 先插html代码 <body> <ul> <li value="1">加载按钮</li> <li value="2">加载下拉框</li> <li value="3">加载文本框</li> </u…