Home >Web Front-end >JS Tutorial >Code to dynamically add rows inside the table under js_javascript skills

Code to dynamically add rows inside the table under js_javascript skills

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal: 2016-05-16 18:25:491256browse

Before adding the line:
Code to dynamically add rows inside the table under js_javascript skills
After adding the line:

Demo code:

<title>Dynamicly add rows inside the table</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 select all Note: If you need to introduce external Js, you need to refresh to execute

]

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Syntax issues with selectors after Jquery upgrades to new version_jqueryNext article：Syntax issues with selectors after Jquery upgrades to new version_jquery

See more

Code to dynamically add rows inside the table under js_javascript skills

Related articles