document.designModeの機能と使い方を紹介します。

ドキュメントをデザインモードに設定します。        ドキュメント全体をデザインモードに設定するには、ドキュメントオブジェクト自体を設定できます。 designMode を選択します。ドキュメントがデザインモードのときは、スクリプトは実行されません。このように、デザインモードをオンまたはオフにするためのボタンをドキュメント内に設定するのは良い注意ですが、これは機能しません。ユーザーがオンにすると、デザインモードの状態に保たれます。彼らは次にこのボタンをクリックすると、クリックではなく選択されます。もう一度クリックして、その値を編集できます。これはなぜデザインモードを使うならフレームやフレームに最適ですか？ Irame のドキュメント設定 designMode 属性の理由。次の例はどうですか？ Irame でドキュメントを開きます。  

<script for="btnDesign" event="onclick">   
targetDoc = document.frames(0).document;   
if (targetDoc.designMode == "On")   
          targetDoc.designMode = "Off";   
else   
          targetDoc.designMode = "On";   
</script>   
<button id=btnDesign>DesignMode</button>   
<iframe src="blank.htm" style="border: black thin; width:100%; height:200px"></iframe>  

       designMode 属性の値は常に最初に小文字で設定されています。その値をテストする時は必ず覚えてください。designMode 属性のデフォルトは「Inheit」です。