1、我们不会再标记中设置contentEditable属性,要设置也是通过javascript,并且在编辑完成后再取消可编辑的功能。(不要把这两个按钮放在可编辑区域!因为网页一旦变得可以编辑,其中的元素就不会产生时间,因而就无法再触发js代码了)
2、designMode属性能够让用户编辑整个页面。(需要放在iframe中)
3、再根据designMode属性加入JS语言。
4、根据上述两者代码的结合
5、再看一下结果(点击编辑时可编辑文本,点击取消时可取消编辑文本)
6、一般情况下网页制作时不会运用designMode属性和contentEditable属性。