DOM总结

2019-06-17  本文已影响0人  毛寒
全局HTML标签包含于document对象中;document是window对象的子对象;

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:

获取或设置指定节点文本内容,以及它所有后代;

上一篇 下一篇

猜你喜欢

热点阅读