DOM总结

作者: 毛寒 | 来源:发表于2019-06-17 17:00 被阅读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:

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

相关文章

  • BFC和DOM初级认知总结

    DOM 最近看了JavaScript DOM编程艺术这本书的DOM章节,下面就总结下DOM这个章节关于DOM的知识...

  • DOM、BOM、事件知识总结

    DOM、BOM、事件知识总结 DOM相关知识 DOM(Document Object Model)文档对象模型 如...

  • dom总结:DOM拓展

    对 DOM 的两个主要的扩展是 Selectors API(选择符 API)和HTML5,还有Element Tr...

  • dom总结:DOM拓展

    对 DOM 的两个主要的扩展是 Selectors API(选择符 API)和HTML5,还有Element Tr...

  • DOM简述2

    总结 + 我认为的重点 搜索归纳,以掌握 DOM 基本思想 DOM 的作用 === 表示 HTML 文档 DOM提...

  • DOM总结

    简单整理一下dom操作,备忘。 查询元素 getElementById()getElementsByClassNa...

  • DOM总结

    文档对象模型 (DOM) 是HTML和XML文档的编程接口。它给文档(结构树)提供了一个结构化的表述并且定义了一种...

  • DOM总结

    document.object方法: close:关闭文档的输出流; write:向document中写入HTML...

  • css文件、js文件加载与浏览器渲染

    做个简单总结,如下: css文件加载不阻塞dom解析,但阻塞dom渲染,dom解析&css加载同时完成,浏览器才会...

  • DOM事件知识点

    这篇文章主要是总结一些DOM事件的基础知识点。 DOM事件的级别 DOM3是鼠标 键盘这些事件 DOM事件模型 捕...

网友评论

      本文标题:DOM总结

      本文链接:https://www.haomeiwen.com/subject/ackzfctx.html