回味JS(八)关于DOM

DOM的节点类型有哪几种?

  • Document
  • DocumentType,即doctype标签(比如)
  • Element
  • Attribute,属性
  • Text
  • Comment, 注释
  • DocumentFragment, 文档片段

PS: 这七种节点都继承了原生的节点对象Node

如何获取document对象?

  • 正常的网页,直接使用document或window.document。
  • iframe框架里面的网页,使用iframe节点的contentDocument属性。
  • Ajax 操作返回的文档,使用XMLHttpRequest对象的responseXML属性。
  • 内部节点的ownerDocument属性。

为什么能用document.domain来跨域?

  • document.domain属性返回当前文档的域名,不包含协议和接口
  • 次级域名的网页,可以把document.domain设为对应的上级域名,修改后,document.domain相同的两个网页,可以读取对方的资源,比如设置的 Cookie。

appendChild和innerHTML有什么区别?

  • appendChild是每次插入的内容都成为该元素的最后一个子元素。(插入)
  • innerHTML是整个重写该元素内的所有HTML代码,也就是说之前写的那些都会被覆盖。(覆盖)

优缺点:

  • 从性能上说,innerHTML效率要高一些,因为直接解析字符串比创建html节点对象再生成html节点要快。
  • 但使用inner HTML的话,如果你在原来的子元素上绑定了事件的话,重写后事件绑定仍然还在; 而且js代码和html代码耦合程度高,不利于维护

为什么可以通过createTextNode来防止XSS攻击?

  • document.createTextNode方法用来生成文本节点,这个节点,被浏览器当作文本渲染,而不是当作 HTML 代码渲染。
  • createTextNode方法对大于号和小于号进行转义,所以像

你可能感兴趣的:(回味JS(八)关于DOM)