DOM浏览器文档模型

时间:2023-03-09 05:06:58
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