1、textarea、select、input必须同时有id和name
2、每个节点都有两个属性:
nodeName和nodeType
但只有文本节点才会有nodue值
3、相关一系列节点的获取方式:
var p = document.getElementByIdx_x("pnode");
父节点:
p.parentNode
子节点的数组集合:
p.childNodes,不兼容,尽量不用
此数组下有:firstChild和lastChild
文本节点:
分清:nodue 文本节点内容
value 文本框内容
兄弟节点:
sibling:英译为,兄弟姐妹
后一个 p.nextSibling
前一个的名字 p.previousSibling.nodeName
注意:
不要跳太多层,也就是不要过多的使用兄弟节点
注意:
寻找时相对的,document对象是在整个文档里找所有的,而通常是只在某个对象里找
getElementsByName:
返回数组
专门用于处理radio和checkbox
getElementsByTagName:
返回数组
根据标签名找
a():
追加和挂起元素到子节点
insertBefore():
插入到前面,相对于a()
ul.insertBefore(li,ul.firstChild) 把li插入到ul.firstChild的前面
添加标签属性:
方法一:a.href="http://www.qq.com" 这样写最通用
方法二(不兼容):a.setAttribute("href","http://www.qq.com" )设置属性
a.getAttribute("href")获取属性
克隆节点:
cloneNode()
参数true深度克隆(克隆节点以及节点下的全部内容),参数false或没有为浅度克隆(只克隆当前节点)
var li = ul.firstChild.cloneNode(true)
删除节点:
removeChild()
if(ul.hasChildNodes){
//先判断后删除
ul.removeChild(ul.firstChild)
}
innerHTML:
快捷插入元素
ul.innerHTML+=“<li><a>谢特</a></li>”
所有的浏览器都支持
但是IE不支持的两个地方:select标签和table(不能往table里塞,但是可以可以吧table放到div往里塞)
分享到:
相关推荐
Javascript文档对象模型(DOM)
JavaScrip入门教程 文档对象模型(DOM)
为了能够操纵浏览器和文档,JavaScript使用分层的父对象和子对象,这就是“文档对象模型”。这些对象的组织类似一个树型结构,并表示一个Web文档的所有内容和组件。 注意:”文档对象模型”不是JavaScript语言的一...
开发工具与关键技术:Adobe Dreamweaver JavaScript 文档对象模型知识点总结
什么是DOM DOM的全称是Document Object Model,即文档对象模型,它允许脚本控制Web页面、窗口和文档。 如果没有DOM,JavaScript将是另外一种脚本语言;而有了DOM,它将成为制作动态页面的强有力工具。DOM不是...
DOM对象 Document文档对象 element文档对象 DOM事件操作 鼠标事件 键盘事件 触屏事件 特殊事件 表单事件 浏览器兼容处理 兼容性写法,封装工具 BOM(浏览器对象模型) 1. window 获取浏览器c窗口尺寸 2
第5章 文档对象模型 DOM 第6章 String Math Array等数据对象 第7章 Window及相关顶级对象 第8章 Document对象">该资源为8个PDF文档教程 适合JS开发初学者 具体内容为 第1章 JavaScript语言概述 第2章 JavaScript...
javascript中的高阶部分,是window对象的使用,而windows对象使用与Dom密切相关,了解它的层次模型显得很重要
Dom:英文全称-Document Object Model 译成中文即是:文档对像模型.听起来很术语,其实就是文档内容的结构关系.文档类型可以是HTML或XML Dom具有对Html文件和XML文件元素的访问控制能力,简单点说利用Dom可以对...
接第2章 JavaScript基础,请关注
比较不错的js dom手册, 方便查阅各种dom方法
php5 chm,mysql5 chm,js chm,css3 chm,smarty chm,smarty大师兄 chm,dom 文档对象模型 chm基本上php网络开发的chm我都有哈,如有需要邮件aaaa_2668@sina.com不过先得下下来,给我分哈。再邮件问我有没有其他的,,
从颇具深度的JavaScript语言基础到作用域(链),从引用类型到面向对象编程,从极其灵活的匿名函数到闭包的内部机制,从浏览器对象模型(BOM)、文档对象模型(DOM)到基于事件的Web脚本设计,从XML(E4X)到Ajax及JSON,从...
2.7.1 内建对象 2.7.2 宿主对象 2.8 小结 第3章 DOM 3.1 文档:DOM中的"D" 3.2 对象:DOM中的"O" 3.3 模型:DOM中的"M" 3.4 节点 3.4.1 元素节点 3.4.2 文本节点 3.4.3 属性节点 3.4.4 CSS 3.4.5 获取元素 3.4.6 盘点...
文档对象模型 Browser Object Model 浏览器对象模型 二,window对象 Window 对象表示浏览器中打开的窗口 1,常见的属性 status 设置窗口状态栏的文本。 Screen 对 Screen 对象的只读引用。 document 对 Document ...
D:document 文档 浏览器加载的页面 DOM O:object 对象 页面及页面中的任何元素都是对象 M:module 模型 页面中的元素的组织形式 DOM被W3C组织设计为一种平台无关、语言无关的API,程序或脚本通过其动态访问、修改文档...
文档对象模型(DOM)是HTML和XML文档的编程接口。 它代表页面,以便程序可以更改文档的结构,样式和内容。 ... DOM是网页的面向对象的表示形式,可以使用诸如JavaScript之类的脚本语言进行修改。
第三章:javascript-DOM对象模型-补充课件.ppt