DOM浏览器文档模型

DOM浏览器文档模型

1、对XHM/XHTML 编写成DOM文档 可形成动态网页

2、‘*’获取所有节点

GetElementsByTagName()：获取所有的标签名的集合——需要在js中使用window.onload   （按顺序）

GetElementsByName()：获取指定的对象的名称的集合——主要针对表单元素（name为默认元素）

GetElementById()：得到指定id的第一个元素

getElementsByClassName()：返回指定类元素的集合(IE不兼容)

通过类名来获得元素集合

Function mygetelementbyclassname(classname){

Var list = [];

if(document.all){

Var taglist = document.getelementbytagname(‘*’);

For(var i = 0;i<taglist.length;i++){

If(list[i].classname == classname){

List.push(taglist[i[);

}

}

Return list;

}else{

Return document.getelementbyclassname();

}

}

}

3、获取节点的类型：返回一个常量

4、辅助对象：nodelist 遍历节点 namednodemap：得到元素属性集合（节点类型：nodetype）

元素节点.属性：得到属性的值

5、创建和操作节点——document

creatElement(‘元素名称：列如：p标签’)；

InnerHTML：添加文本内容

appendChild——添加元素 createElementFragment()：提高添加效率

Clonenode(ture)；——克隆

6、得到文本内容：textNode.nodeValue / textNode.data;——文本节点.length（文本长度：也是一个数组）

获得文本节点：元素.fristChild; / 元素.innerHTML；

insertData(第一个是位置，字符串)——添加到位置的前面;

replaceData(位置，替换长度，字符串)；

7、操作属性节点：元素节点.setAttritute();

8、操作table

deleteRow(纯数字—从0开始):删除指定位置的一行

InsertRow（添加的参数的前面）;——返回tableRow

tabelRow.Insertcell（添加列）；——返回列cell：添加数据cell.innerHTML