让iframe也可以编辑 el与node的区别

（1）元素Element与Node的区别

Element，document.getElementById(),是得到的元素如document与documentElement的区别

1、Element 对象表示 XML 文档中的元素。元素可包含属性、其他元素或文本。如果元素含有文本，则在文本节点中表示该文本。是指的一个tag，document.getElementById()取得

2、Node 节点对象代表文档树中的一个单独的节点。节点可以是元素节点、属性节点、文本节点，或者也可以是“节点类型”那一节中所介绍的任何一种节点。

区别:el.childNodes   <div> <span></span> </div>

这里的[Text,

1. <span>​</span>​

,

Text

]

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属性让页面进入编辑状态