js下為表格內部動態添加行的代碼

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js下為表格內部動態添加行的代碼

js下為表格內部動態添加行的代碼

編輯：關於JavaScript

未添加行之前：

添加行之後：

演示代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<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> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"></head> 
<body> 
 
 
 
標的企業 
 
股權結構  
股東人數：人  
 
前十名出資人的名稱<strong>（做成動態，填幾個顯示幾個）</strong>  
出資比例  
 
 
 
<input id="Text1" type="text" /> 
 
<input id="Text2" type="text" /><input id="btnAddRow" class="btn" 
onclick="AddStructureRow()" type="button" value="+" /> 
 
 
 
評估機構 
 
評估機構 
 
 
 
</body> 
</html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一頁:lightBox 簡易的全屏透明遮罩解決方法
下一頁:JavaScript中使用replace結合正則實現replaceAll的效果

關於JavaScript

基於NodeJS的前後端分離的思考與實踐（六）Nginx + Node.js + Java 的軟件棧部署實踐: 淘寶網線上應用的傳統軟件棧結構為 Nginx + Velocity + Java，即：在這個體系中，
jQuery+AJAX實現無刷新下拉加載更多: 隨著互聯網時代的發展，web前端已經和後台數據掛鉤，作為web前端僅僅不是只切圖寫寫html，css
js創建表單元素並使用submit進行提交: js 創建form、input元素，並設置form的action及method，最後使用submit

DIV CSS 佈局教程網

相關文章