DOM：document object model 文档对象模型
一.document：指的是HTML,XML文档，只有这2种文档支持以下操作。
二.object：指的是js对象，基于对象操作，可以对该对象操作其，内容，属性，样式。
1.将document转成js对象，基于对象操作。
通过元素名（标签名），元素id，元素name使用document对象方法可以做到，
obj=document.getElementById("元素id") ；objs=document.getElementsByName("元素name")；
objs=document.getElementsByTagName("标签名")
2.操作对象内容
obj.innerText（innerHTML）="内容"；
3.操作对象属性
obj.属性名="属性只";例如obj.href="http://www.baidu.com";
4.操作对象样式。
①单个样式：对象名.style.样式属性=样式值。
obj.style.style.backgroundColor="red";//规则和css类似，但遇到“-”将其去掉，首字母大写
②多个样式：对象名.className="样式名"。
obj.className="content";其中.content{ css }
三.model：将文档看成树形结构，每一个元素即为一个节点（元素，文本，属性，注释，文档），只要知道一个
节点，按照关系可以找到其他节点。
名词释义：其实就是属性名
parentNote 父节点
childNote 子节点
firstChild 第一个子节点
lastChild 最后一个子节点
nextSibling 下一个同胞节点
previousSibling 上一个同胞节点
节点包括：节点类型（nodeType），节点名(nodeName)，节点值(nodeValue)：
元素节点的nodeName为该元素的标签名，无节点值.
属性节点的nodeName为属性名称，节点值为属性值
文本节点的nodeName永远是“#text” 节点值为文本内容
文档节点的nodeName永远是“#document” 无节点值
nodeType属性可以返回节点类型：
元素类型： 节点类型：
元素 1
属性 2
文本 3
注释 8
文档 9
obj.firstChild.nodeName //获取第一个子节点名
obj.childNodes.length//获取子节点的长度
obj.firstChild.nodeName//获取第一个子节点名
obj.childNodes[0].nodeName
.............
四.文档流操作
objs=document.getElementById("rr");//转化一个div标签到对象objs，通过id
obj=document.createElement("a");//创建一个a节点
obj.href="http:liuweiwei.org";//为该节点添加属性
obj.innerHTML="TTF的家园";//a标签加文本
objs.appendChild(obj);//objs对象添加子节点（a标签）
- 本文固定链接: http://ttfde.top/index.php/post/127.html
- 转载请注明: admin 于 TTF的家园 发表
《本文》有 0 条评论