1. テーブルに行を追加するときに tbody 要素を使用して、
IE を含むすべてのブラウザでテーブルを使用できるようにテーブルを定義します。
例: 次のように空のテーブルを定義します
。<table id="myTable">
<tbody id= myTableBody"></ tbody>
</table>
このテーブルに行を追加する正しい方法は、テーブルではなくテーブル本体に行を追加することです。
変数セル = document.createElement("td").appendChild(document.createTextNode("foo")); 変数行
= document.createElement("tr").appendChild(cell)
; appendChild(row);
*IE では、最初に行を作成し、次に列を作成し
て
から、
要素のスタイルを設定します。
記述メソッドは IEを
除くすべてのブラウザで動作すること
が保証されて
います。
cssText="font-weight:bold;color:red;";
3. 要素の class 属性を設定します。
Var element = document.getElementById(“myElement”);
// 以下の記述方法により、IE 以外のすべてのブラウザが使用できるようになります。
Element.setAttribute(“class”,”styleClass”);
//以下の記述方法
Element.setAttribute("className","styleClass");
4. 入力要素の作成
Var button = document.createElement( "input");
// 単一行のテキスト ボックス、チェック ボックス、ラジオ ボタン、ボタンは
Button.setAttribute("type","button");
Document.getElementById("formElement"); を区別するためにこの属性が必要です。 appendChild(button);
5. 入力要素にイベント ハンドラーを追加します。
Var
formElement=document.getElementById(" formElement");
// すべてのブラウザで利用可能
formElement.onclick=function(){doFoo();};
IE を除くすべてのブラウザで
formElement.setAttribute("onclick","doFoo();");
6. ラジオ buttonIf
(document.uniqueID){
//Internet Explorer
Var radioButton=document.createElement("<input type=')
を作成します。radio' name='radioButton' value='checked'>");
}else{
/ /標準準拠変数
radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton。 setAttribute("name","radioButton");
radioButton.setAttribute("value","checked");
}
7. insertRow、insertCell、deleteRow
IE では、table.insertRow() でパラメータが指定されていない場合、行が追加されます
。デフォルトのパラメータビットは -1 です。Firefox の場合は、insertRow(-1) のようにパラメータを追加する必要があります。