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