DOM
全称Document Object MOdel,即文档对象模型。
更新说明:
- 2015/12/03更新
- 增加innerHTML的说明
一、功能
将HTMl页面标记按顺序在内存中组建成一颗DOM树,再解析到浏览器窗口
添加、删除、修改页面的某一部分
二、Document对象
通过window.document获取
集合:all、forms、images、links
属性:body、domain、referer、title、URL
方法:write()、getElementById()、getElementByName()、
getElementByTagName()、getElementByClass
1.节点Node
- 划分1
- 文档节点(document)
- 文本节点(element)
- 属性节点(attribute)
- 注释节点(comment)
- 划分2
- 子节点
- 父节点
- 兄弟节点
2.访问节点
使用document的方法(id、tagName、nodeList)
使用元素节点的属性(parentNode、firstChild、lastChild、innerHTML、childNodes)
访问根节点
- document.documentElement
- document.body
信息属性(nodeName、nodeValue、nodeType)
3.操作节点
创建节点:document.createXXX(YYY);
- 设置节点属性:elt.setAttribute(name,value);
挂载新节点
- elt.appendChild(e)
- elt.insertBefore(e,child)
移除节点:elt.removeChild(eChild)
4.设置CSS样式
elt.style.样式名=值
5.补充
5.1 innerHTML
- 功能
Sets or retrieves the HTML between the start and end tags of the object.
设置标签体的内容
- 语法
HTML | N/A (不适用) |
---|---|
Scripting | object.innerHTML [ = sHTML ] |
3. 可用的值
sHTML String that specifies or receives the content between the start and end tags.
字符串