JS はテーブルの行と列を追加します。具体的な実装メソッド_JavaScript スキル。

コードをコピー コードは次のとおりです:

< ;script language="javascript" type="text/javascript">
function addRow() {
var newTR = document.getElementById("testTable").insertRow(document.getElementById("testTable"). rows.length);
var newNameTD = newTR.insertCell(0);
newNameTD.innerHTML = "aa";
var newNameTD = newTR.insertCell(1);
newName TD.innerHTML = " ";
var newNameTD = newTR.insertCell(2);
newNameTD.innerHTML = "";
var newNameTD = newTR.insertCell(3);
newNameTD.innerHTML = "";
}
function insertRow() {
var oTable = document.getElementById("table_info");
var oTr = oTable.insertRow( );
var oTd = oTr.insertCell();
oTd.innerHTML = "新追加了一行";
}
function insertRow2() {
//获取テーブル对象
var table = document.getElementById("table_info2");
//要追加ボタンのtd、这里以表格第一行第一列は例子
var oTd = table.rows[0].cells[0] ];
// 追加buttontotd中、追加前吧td内容清空并赋予buttonの代码
oTd.innerHTML = "追加收费 }
function insertRow22() {
var oTable = document.getElementById("table_info2");
var oTr = oTable.insertRow();
var oTd = oTr。 insertCell();
oTd.innerHTML = "新追加了一行";
}
function insertRow3(​​) {
//获取table对象
var table = document .getElementById("テーブル情報3 ");
//要追加ボタンのtd、这里以表格第一行第一列は例子
var oTd2 = table.rows[0].insertCell();
oTd2.innerHTML = "&nbps;";
}
function tableDiv() {
var maxRow = 4;
var maxCol = 8;
var strTbody = [""];
for (var i = 0; i strTbody.push("");
for (var j = 0; j strTbody.push("");
}
strTbody.push("");
}
strTbody.push ("

test

");
var obj = document.getElementById("tableDiv");
obj.innerHTML = strTbody.join("");
}
function init() {
var _table, _tbody, tr, td, text, maxRow, maxCol;
var docBody = document.body;
var _doc = document;
maxRow = 5;
maxCol = 8;
_table = _doc.createElement("table");
_table.border = "1";
_table.style.tableLayout = "fixed";
_tbody = _doc.createElement("tbody");
_table.insertBefore(_tbody, null);
docBody.insertBefore(_table, null);
for (var i = 0;私は＜最大行; i ) {
tr = _doc.createElement("tr");
_tbody.insertBefore(tr, null);
for (var j = 0; j td = _doc.createElement("td");
text = _doc.createTextNode("Text");
td.insertBefore(text, null);
tr.insertBefore(td, null);
}
}
}
   


   

       
           
               
               
               
               
           
           
               
               
               
               
           
           
               
               
               
               
           
       

FirstName	LastName	BirthDay	age
Jim	Green	L.A	23
Andrew	Hou	Xi'an	25

       
   

   

   

---

   

   

       
       
           
               
               
           
       

Name	Age

   

   

   

---

   

   

       
       
           
               
               
           
       

Name	Age

   

   

   

---

   

   

       
       
           
               
               
           
       

Name	Age

   

   

   

---

   

   

       
       

   

---

関連ラベル：

js table

ソース：php.cn

前の記事：固定テーブルの行と列 (式) は IE_javascript スキルに適用可能です 次の記事：jsでのthisの使い方をコードで簡単に解説_基礎知識

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

複数のルートで宣言されたワーカープールは、しきい値を気にせずに CPU 使用率を維持できますか CPU を集中的に使用するタスクを処理するワーカープールを備えた Node.js システムを見つけたいと考えていますが、複数のルートにわたる CPU 使用率については少し混乱してい...

から 2024-04-06 19:54:23

0

1

444

d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...

から 2024-04-06 18:16:26

0

1

403

非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...

から 2024-04-06 15:49:33

0

1

319

Nuxt.js で作成したダッシュボードをデプロイするには SSG を使用する必要がありますか? Nuxt.jsを使用して社内向けのダッシュボードを開発していきます。これは内部ダッシュボードであるため、ユニバーサル スキーマは必要ありません。通常、ほとんどのダッシュボードは S...

から 2024-04-06 13:17:44

0

1

493

Electron はプリロード時に AppData を取得します プリロードされた AppData ディレクトリを取得するにはどうすればよいですか? Background.js[...]asyncfunctioncreateWindow(){co...

から 2024-04-06 11:05:31

0

1

417

関連トピック

詳細>

• js正規表現
• jsは現在時刻を取得します
• js文字列を配列に変換
• jsはどういう意味ですか
• ノードを削除するjsメソッド
• 文字列をインターセプトするjsメソッド
• JSのconcatとpushの違い
• jsで文字列をインターセプトする方法の紹介