コミュニティ学ぶツールライブラリレジャー

日本語

ホームページ > ウェブフロントエンド > jsチュートリアル > js_javascript スキルの下でテーブル内に動的に行を追加するコード

js_javascript スキルの下でテーブル内に動的に行を追加するコード

WBOY

リリース： 2016-05-16 18:25:49

オリジナル

1209 人が閲覧しました

行追加前:
js_javascript スキルの下でテーブル内に動的に行を追加するコード
行追加後:

デモコード:

<title>テーブル内に行を動的に追加します</title>
<style type="text/css"> 
.tableStyle 
{ 
border-collapse: collapse; 
width:100%; 
} 
td 
{ 
font-size:12px; 
height:25px; 
border:1px solid #CCD5E8; 
} 
.btn { 
font-size:12pt; color: #003399; 
border: 1px #003399 solid; 
color:#006699; 
border-bottom: #93bee2 1px solid; 
border-left: #93bee2 1px solid; 
border-right: #93bee2 1px solid; 
border-top: #93bee2 1px solid; 
background-color: #e8f4ff; 
cursor: pointer; 
font-style: normal ; 
width:20px; 
height:22px; 
font-family:Verdana;font-family:Georgia;_font-family:Tahoma; 
padding:0 10px 1px;padding:3px 3px 1px;_padding:0 4px 1px; 
line-height:18px;line-height:14px;_line-height:16px; 
} 
</style>

<table class="tableStyle" id="OwnershipStructure"> 
<tr> 
<td width="15%" rowspan="2" id="StructureLeft1"> 
标的企业 
 
股权结构 </td> 
<td width="15%" rowspan="2" id="StructureLeft2">股东人数：人 </td> 
<td width="30%"> 
前十名出资人的名称<strong>（做成动态，填几个显示几个）</strong> </td> 
<td width="30%">出资比例 </td> 
</tr> 
<tr id="StructureRight"> 
<td> 
<input id="Text1" type="text">
</td> 
<td> 
<input id="Text2" type="text"><input id="btnAddRow" class="btn" onclick="AddStructureRow()" type="button" value=" "> 
</td> 
</tr> 
<tr> 
<td>评估机构</td>
<td></td>
<td></td>
<td></td> 
</tr> 
<tr>
<td>评估机构</td>
<td></td>
<td></td>
<td></td> 
</tr> 
</table>

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

関連ラベル：

シート

ソース：php.cn

前の記事：Jquery を新しい version_jquery にアップグレードした後のセレクターに関する構文の問題次の記事：一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)_jquery

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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

最新の問題

URL パラメータから取得した PHP 配列が期待どおりに動作しないカテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...

から 2024-04-06 22:09:02

0

1

1428

戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...

から 2024-04-06 21:55:20

0

1

778

単語と一致する正規表現新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...

から 2024-04-06 21:24:04

0

1

606

クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。編集: 式は「値」列、つまりカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....

から 2024-04-06 21:23:40

0

2

530

Javafx でインライン CSS スタイルを動的に変更するアプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...

から 2024-04-06 20:57:16

0

1

487

関連トピック

詳細>

人気のおすすめ

人気のチュートリアル

詳細>

関連するチュートリアル

人気のおすすめ

最新のコース

最新のダウンロード

詳細>

ウェブエフェクト

公式サイト

サイト素材

フロントエンドテンプレート