DOM

作者: efho | 来源:发表于2020-09-07 22:28 被阅读0次

没有办法同时获取哥哥弟弟

 document object model    操作 XML 文档   把文档变成对象操作

js对象都继承自object

Node对象是所有页面元素的顶端,派生自object

标签元素由Element函数构造,文本由Text函数构造,html由Document构建,注释由Comment构建

页面中的节点=>通过他们的构造函数=>变成对象,操作他们即是操作他们的API(DOM API)

没人会在工作中用dom的api,除非很闲。。 ??

回车是text(node节点)用.childNodes可能获取到。 .children 一般不会,因为一般不会有回车儿子,,

nextSibling也可能获取到文本(回车)

.nodeName  只有svg是小写字符串'svg'

innerText和textContent有细微差别(看mdn),我比较喜欢textContent

cloneNode 有深拷贝浅拷贝

nodeType 1为标签元素, 3为文本


Document接口

document.anchors 获取页面所有a标签  被弃用

referrer 引荐人(引荐链接,省流量)

Document 方法

close() : document先open 然后 write 后close,从第一行html就open,例如先document.write(1) document.write(2),后写setTimeout(()=>{

document.write(3)

}, 1000)

不会追加成为123,而只有3.因为已经close,又打开覆盖 了

写write不要异步,有延时


Element的接口

有innerHTML   用于写标签,理论上一定不要用 !!!不然可能用户写script标签获取cookie

除了document,element也可以querySelector()

相关文章

  • dom 级别和dom 事件处理

    dom级别:dom0 dom1 dom2 dom3 dom事件处理:dom0 dom2 dom3 (1级DOM标准...

  • WY-DOM编程

    DOM Document Object Model DOM Core DOM HTML DOM Style DOM...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

  • js红包雨活动

    function Block( dom ){ this.dom = dom; //dom this.parentW...

  • DOM操作的分类

    DOM操作分为三个方面,即DOM Core(核心)、HTML-DOM和CSS-DOM。 DOM Core DOM ...

  • 虚拟 DOM 和 diff 算法

    虚拟 DOM(Virtual DOM) 通过 JS 对象表示 DOM 结构,虚拟DOM 是对 DOM 的抽象 通常...

  • jQuery——DOM

    DOM操作分类 一般来说,DOM操作分为3个方面,即DOM Core、HTML-DOM、CSS-DOM。 DOM ...

  • JavaScript高级程序设计前四章

    1. DOM级别 1.1 DOM1级 由DOM核心(DOM Core)和DOM HTML两个模块组成。 DOM核心...

  • DOM分级详解

    DOM1 级(DOM Level 1) DOM1 级由两个模块组成:DOM核心(DOM Core)和DOM HTM...

网友评论

      本文标题:DOM

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