dom操作フォーム例(dom作成フォーム)_HTML/Xhtml_Webページ制作

<script><br>window.onload=function(){<br>vartable=document.createElement("table");<br>//テーブルに属性を追加します<br>table.width=300;//このメソッドも使用できます: table.setAttribute ('width',300)<br>table.border=1;</p> <p>//テーブルのタイトルを作成します<br>varcaption=document.createElement("caption");<br>table.appendChild(caption);</p> <p>//テーブルのタイトルにコンテンツを追加します<br>//caption.innerHTML="人事テーブル";//W3c 以外の標準メソッド<br>varcaptionText=document.createTextNode("人事テーブル"); <br>caption.appendChild(captionText);</p> <p><br>//作成されたテーブルの最初の行はタイトル行です<br>varthead=document.createElement("thead");<br>table.appendChild(thead);</p> <p>vartr=document.createElement("tr");<br>thead.appendChild(tr);</p> <p>//列<br>varth1=document.createElement("th");<br>tr.appendChild(th1);<br>th1.innerHTML="data";<br>varth2=document.createElement ("th");<br>tr.appendChild(th2);<br>th2.innerHTML="data";</p> <p>document.body.appendChild(table);<br>};<br></script>

window.onload=function(){
vartable=document.getElementsByTagName("table")[0];
alert(table.children [0].innerHTML);

window.onload=function( ){
//HTMLDOM を使用してテーブル要素を取得します
vartable=document.getElementsByTagName('table')[0];//テーブル参照を取得します
//HTMLDOM を押してテーブルの < caption>
alert(table.caption.innerHTML);//キャプションの内容を取得します
//table.caption.innerHTML="Student table";//値を設定することもできます
} ;

window.onload=function( ){
//HTMLDOM を使用してテーブル要素を取得します
vartable=document.getElementsByTagName('table')[0];//テーブル参照を取得します
//HTMLDOM を押してテーブル内の行数を取得しますtable
alert( table.rows.length);// 行番号のコレクション、数量を取得します

//HTMLDOM を押してテーブル本体の行数を取得します
alert(table.tBodies[0].rows.length);//本体内の行のコレクションを取得します。数量
};

window.onload= function(){
//HTMLDOM を使用してテーブル要素を取得します
vartable=document.getElementsByTagName('table')[0];//テーブル参照を取得

//HTMLDOM を押してテーブル本体の最初の行のセルの数を取得します (tr)
alert(table.tBodies[0].rows[0].cells.length);//Get最初の行セルの数
};

window.onload=function(){
//HTMLDOM を使用してテーブル要素を取得します
vartable=document.getElementsByTagName('table')[0];/ /テーブル参照の取得<

//HTMLDOM を押して、テーブル本体の最初の行の最初のセルの内容を取得します (td)
alert(table.tBodies[0].rows[0].cells[0].innerHTML ) ;//最初の行の最初のセルの内容を取得します
};

<script><br>window.onload=function(){<br>//HTMLDOM を使用してテーブル要素を取得します<br>vartable =document.getElementsByTagName ('table')[0];//テーブル参照を取得</p> <p>//HTMLDOM を押してタイトル、テーブル ヘッダー、テーブル フッター、行、セルを削除します<br>//table.deleteCaption();//タイトルを削除します<br>//table.deleteTHead(); // 先頭を削除<br>//table.tBodies[0].deleteRow(0);//1 行削除<br>//table.tBodies[0].rows[0].deleteCell( 0 );//セルを削除<br>//table.tBodies[0].rows[0].deleteCell(1);//セルの内容を削除することは、セル グリッドを削除することと同じです。以下が追加されることを願っています <br>};<br></script>

window.onload=function( ){
//HTMLDOM に従ってテーブルを作成します
vartable=document.createElement('table');
table.border=1;
table.width=300;

table.createCaption().innerHTML='人事テーブル';

//table.createTHead();
//table.tHead.insertRow(0);
varthead=table.createTHead();//このメソッドは参照を返します
vartr=thead .insertRow(0);//このメソッドは参照を返します

vartd=tr.insertCell(0);
//td.appendChild(document.createTextNode('data'));//データを追加する方法として、次のメソッドも使用できます
td.innerHTML="data";
vartd2=tr.insertCell(1);
//td2.appendChild(document.createTextNode('data2'));
td2.innerHTML="data2 ";

document.body.appendChild(table);
};テーブルを作成する場合、