DOM节点对象
js三大块
JavaScript核心
DOM:document object model 文档对象模型。
BOM:browser object model 浏览器对象模型。
DOM
节点:
节点种类:元素节点(标签) 文本节点(内容) 属性节点 等十二种。
节点关系:兄弟节点 父子关系 父节点 子节点 兄弟节点。
节点对象:属性和方法。
innerHTML 开始标记和结束标记之间的内容
document 文档对象
body
节点对象的属性:
childNodes 获取所有的子节点(元素节点、文本节点) NodeList 索引 0 length 节点个数
firstChild 获取第一个节点
lastChild 获取最后一个节点
parentNode 父节点
previousSibling 上一个兄弟节点
nextSibling 下一个兄弟节点
document 文档对象
属性:
body body元素对象
title 标题
URL 网页地址
links 超链接 HTMLCollection 集合 索引 0 length
images 图片
forms
方法:
write
writeln
getElementById 根据ID查找节点对象
返回值: 节点对象,null
节点操作:增删改查
增加节点:
createElement(); 创建节点
createTextNode(); 创建文本节点
appendChild(); 追加子节点
insertBefore( 新 , 旧 ); 插入节点
删除节点
removeChild(); 删除节点
复制节点
cloneNode(); 复制节点 (默认只复制不包括子节点)
cloneNode( true ); 复制包含子节点
替换节点
replaceChild( 新 , 旧 ); 替换节点
节点属性
节点对象的属性:
childNodes
firstChild
lastChild
parentNode
previousSibling
nextSibling
节点属性:
HTML DOM
src src
title title
href href
action action
alt alt
for htmlFor
class className
1.节点属性值的设置
节点对象.属性名=值;
2.节点属性值的获取
节点对象.属性名