ボディのonload（）イベントとテーブルにinsertRow（）、TR insertCell（）

onloadイベントのイベント：

定義と使用法：

onloadイベントは、ページや画像読み込みが完了した直後に発生します。

ページは、スクリプトコードを実行する（画像など、CSSファイルを含む）完全にロードされた後のonload一般的に、<body>要素を使用していました。

構文：

在HTML中：<ボディのonload = " SomeJavaScriptCode ">

在JavaScropt中：window.onload =関数（）{ SomeJavaScriptCode }。

SomeJavaScriptCode必要。イベントが発生したときに実行されるJavaScript規定。（コードの実行）

例：<本体のonload = "MyFunctionを（）">

テーブルのinsertRow（）関数法

定義及び使用法：のinsertRow（）メソッドは、新しい行を挿入するために、テーブル内の位置を指定するために使用されます。

構文：tableObject.insertRow（インデックス）インデックス：新しい行が（0から始まる）指定された位置に挿入されます。

<！DOCTYPE HTML> 
<HTML> 
<HEAD> 
<メタのcharset = "UTF-8"> 
<タイトル> </タイトル> 
<スクリプト> 関数displayResult（）{
     VAR表=のdocument.getElementById（ "MYTABLE" ）。
    VaRの行= table.insertRow（0 ）。
    VaRの CELL1 = row.insertCell（0 ）。
    VaRの CELL2 = row.insertCell（1 ）。
    cell1.innerHTML = "新しいです" ; 
    cell2.innerHTML = "新しいです" ; 
} </ SCRIPT> 
</ head> 
<body> 
<テーブルID = "MYTABLE"ボーダー= "1">


 
    <TR> 
        <TD>セル3 </ TD> 
        <TD>セル4 </ TD> 
    </ TR> 
</ TABLE> 
<BR> 
<ボタンタイプ= "ボタン" onclickの= "displayResult（）">插入新行</ボタン> 

</ body> 
</ HTML>

TR insertCell（）関数法

定義及び使用法：insertCell（）メソッドは、空の<TD>要素を挿入するHTMLテーブルの行の位置を指定するために使用されます。

構文：trObject.insertCell（インデックス）インデックスは：このメソッドは、新しい<TD>要素を作成し、指定されたラインの位置に挿入します。現在のバケットインデックスが場所を指定する前に設置された新しいセルが挿入されます。細胞の数は、行のインデックスに等しい場合、新しいセルが行の最後に追加されます。

例：

<！DOCTYPE HTML> 
<HTML> 
<HEAD> 
<メタ文字セット= "UTF-8"> 
<タイトル> </ TITLE> 
<スクリプト> 関数displayResult（）{
     VAR firstRowの=のdocument.getElementById（ "MYTABLE"）。行の[ 0 ]。
    VAR X = firstRow.insertCell（-1 ）。
    x.innerHTML = "新しいセル" 
} </ SCRIPT> 
</ head> 
<body> 
<テーブルID = "MYTABLE"ボーダー= "1"> 
    <TR> 
        <TD>まず細胞</ TD> 
        <TD>第二の細胞</ TD> 
        <TD>第三に、セル</ TD> 
    </ TR>




</ BODY> 
</ HTML>

ボディのonload（）イベントとテーブルにinsertRow（）、TR insertCell（）

おすすめ