document.object方法:
close:关闭文档的输出流;
write:向document中写入HTML或js语句;
writeln:向document中写入HTML或js语句,并以换行符结束;
createElement:创建一个HTML标记;
.......;
Node.object方法:
NodeType:该属性返回以number表示的节点类型;
childNodes:获取节点列表【有数组属性】;
FirstChild、LastChild:获取第一个或最后一个元素;
parentNode:获取已知父节点;
nextsibling、previoussibling:获取兄弟节点;
NodeName:获取节点名称;
Node的选择:
document.getElementById:通过id获取;
documentgetElementByTagName:通过标签名获取;
【通常在form标签内使用】
documentgetElementByclassName:通过class名获取;
对于多级结构精确查找Node方法:
Xpath方法:
document.evaluate():括号里面有五个参数;每个参数以“,”相隔;
1参:例:
http://example.com";>
参数样式://div[@id="main"]/p[comtains(@class,"content")][3]/a[staets-with(@href,"exampel.com/";)],
释:id为main的div/包含了值为content的class的p元素的第三个/href值的起始部分为http://exampel.com的a元素;
2参:指定文档节点(所要搜索的区域)
3参:null
4参:返回值结果时要用的对象类型
5参:null
selector API:
document.queryyselector();和xpath一样,只是比他更简洁;
Node的创建与新增:
Node创建:
document.createElement():创建元素;
document.createTextNode():创建文本节点;
document.createcomment():创建注释;
Node插入:
NodeObject.appendchild():新增为某Node的最后一个子元素;
NodeObject.insertbefore():插入到某一元素位置前边;
Node替换:
NodeObject.replacechild():获取父元素来操作此方法;
NodeDelete:
NodeObject.removechild();
获取父元素来操作此方法;
innerHTML:
获取或设置指定元素标签内的HTML内容,(包含HTML标签);
textContent:
获取或设置指定节点文本内容,以及它所有后代;
网友评论