(1)元素Element与Node的区别
Element,document.getElementById(),是得到的元素如document与documentElement的区别
1、Element 对象表示 XML 文档中的元素。元素可包含属性、其他元素或文本。如果元素含有文本,则在文本节点中表示该文本。是指的一个tag,document.getElementById()取得
2、Node 节点对象代表文档树中的一个单独的节点。节点可以是元素节点、属性节点、文本节点,或者也可以是“节点类型”那一节中所介绍的任何一种节点。
区别:el.childNodes <div> <span></span> </div>
这里的[Text,
- <span></span>
nodeType 1 指元素,3指文本 9指document 2指的是元素属性 el.attributes[id]
由此可知 Element是Node的一部分.
(2) contentWindow与contentDocument是iframe的属性
普通元素要想取到document只能通过ownerDocument #document
documentElement是指第一个hmtl标签元素
iframe[]取得的是window对象
(3) iframe可以编辑
a.创建元素:var ifr = document.createElement("iframe");
b.添加元素:document.body.appendChild(ifr);
c:得到当前元素 :var ifrdoc = ifr.contentWindow.document;
d:开启可编辑:ifrdoc.designMode = "on"; //文档进入可编辑模式(这一句很重要,对于实现富文本编辑器,必须开启才能执行docment.exeCommand()命令)
a、通过ifrdoc.write(“要输入的内容”);
b、ifrdoc.exeCommand() 执行相关的命令
- IE9允许使用designMode属性让页面进入编辑状态
- Chrome3+ 和 Safari 使用内嵌frame的方式,该内嵌frame是可编辑
- FF和Opera允许使用designMode属性让页面进入编辑状态