DOM

2020-09-07  本文已影响0人  efho

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

 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()

上一篇 下一篇

猜你喜欢

热点阅读