javascript表,javascript表單提交
如何用javascript繪制動(dòng)態(tài)表格
要上班了,簡(jiǎn)單寫了一段腳本,提供一個(gè)思路 主要是通過(guò) javascript + DOM實(shí)現(xiàn)的, script function DeleteTr(i) { var table = document.getElementById("table1"); var tr = table.childNodes[0]; tr.removeChild(tr.childNodes[i]); } function AppendTr() { var table = document.getElementById("table1"); var tr = table.childNodes[0]; var trnew = document.createElement("tr"); var td = document.createElement("td"); var text = document.createTextNode("表格內(nèi)容"); td.appendChild(text); trnew.appendChild(td); tr.appendChild(trnew); } /script table id="table1" border="1" trtd1/td/tr trtd2/td/tr trtd3/td/tr trtd4/td/tr /table input type="button" onclick="DeleteTr(2);" value="delete row 3" input type="button" onclick="AppendTr();" value="Insert row"
公司專注于為企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、微信公眾號(hào)開(kāi)發(fā)、商城網(wǎng)站制作，成都小程序開(kāi)發(fā)，軟件按需規(guī)劃網(wǎng)站等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn)，我們會(huì)仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合，為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案，創(chuàng)新互聯(lián)建站更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。
怎么用javascript創(chuàng)建表格
方法一：最原始的方法，創(chuàng)建一一元素
var?a1=document.createElement("table");
var?a2=document.createElement("tbody");
var?a3=document.createElement("tr");
var?a4=document.createElement("td");
//開(kāi)始appendchild()追加各個(gè)元素
a3.appendChild(a4);
a2.appendChild(a3);
a1.appendChild(a2);
方法二：利用table對(duì)象里面含有的函數(shù)：插入行和插入列
var?tabNode=document.createElement("table");
var?trNode=tabNode.insertRow();
var?tdNode=trNode.insertCell;
tabNode.innerHTML="這是采用table對(duì)象里面的函數(shù)創(chuàng)建的"
注意：利用原始方法，一個(gè)個(gè)createElement時(shí)候，必須要添加一個(gè)tbody對(duì)象
動(dòng)態(tài)的創(chuàng)建和刪除：
創(chuàng)建表格，通過(guò)輸入的值：
function?createTable()?{
tableNode?=?document.createElement("table");?//獲得對(duì)象???
tableNode.setAttribute("id",?"table")
var?row?=?parseInt(document.getElementsByName("row1")[0].value);?//獲得行號(hào)?
//alert(row);???
if?(row?=?0?||?isNaN(row))?{
alert("輸入的行號(hào)錯(cuò)誤，不能創(chuàng)建表格，請(qǐng)重新輸入：");
return;
}
var?cols?=?parseInt(document.getElementsByName("cols1")[0].value);
if?(isNaN(cols)?||?cols?=?0)?{
alert("輸入的列號(hào)錯(cuò)誤，不能創(chuàng)建表格，請(qǐng)重新輸入：");
return;
}
//上面確定了?現(xiàn)在開(kāi)始創(chuàng)建??
for?(var?x?=?0;?x??row;?x++)?{
var?trNode?=?tableNode.insertRow();
for?(var?y?=?0;?y??cols;?y++)?{
var?tdNode?=?trNode.insertCell();
tdNode.innerHTML?=?"單元格"?+?(x?+?1)?+?"-"?+?(y?+?1);
}
}
document.getElementById("div1").appendChild(tableNode);?//添加到那個(gè)位置?
}
刪除行：
function?delRow()?{
//要?jiǎng)h除行，必須得到table對(duì)象才能刪除，所以在創(chuàng)建的時(shí)候必須要設(shè)置table對(duì)象的?id?方便操作?
var?tab?=?document.getElementById("table");?//獲得table對(duì)象??
if?(tab?==?null)?{
alert("刪除的表不存在！")
return;
}
var?rows?=?parseInt(document.getElementsByName("delrow1")[0].value);?//獲得要?jiǎng)h除的對(duì)象??
if?(isNaN(rows))?{
alert("輸入的行不正確。請(qǐng)輸入要?jiǎng)h除的行。。。");
return;
}
if?(rows?=?1??rows?=?tab.rows.length)?{
tab.deleteRow(rows?-?1);
}?else?{
alert("刪除的行不存在！！");
return;
}?
}
刪除列：
//刪除列要麻煩些，?要通過(guò)行來(lái)進(jìn)行刪除???
//?一行的cells的長(zhǎng)度就是列的個(gè)數(shù)???
//tab.rows[x].deleteCell(cols-1)
function?delCols()?{
//獲得table對(duì)象??
var?tab?=?document.getElementById("table");
if?(tab?==?null)?{
alert("刪除的表不存在！！");
return;
}
//獲得文本框里面的內(nèi)容????
var?cols?=?parseInt(document.getElementsByName("delcols1")[0].value);
//檢查是否可靠???
if?(isNaN(cols))?{
alert("輸入不正確。請(qǐng)輸入要輸出的列。。");
return;
}
if?(!(cols?=?1??cols??tab.rows[0].cells.length))?{
alert("您要?jiǎng)h除的行不存在！！");
return;
}
for?(var?x?=?0;?x??tab.rows.length;?x++)?{//所有的行??
tab.rows[x].deleteCell(cols?-?1);
}?
}
什么是Javascript樣式表
答：javascript是編寫程序的腳本語(yǔ)言，是控制程序流程等功能的，不是什么樣式表，樣式表是css，叫做層疊樣式表，主要是控制網(wǎng)頁(yè)頁(yè)面的樣式的，比如字體大小，頁(yè)面顏色等等這些內(nèi)容。也就
在javascript中怎樣建立表格
// 你的 HTML 的 body 中添加如下內(nèi)容
// 一個(gè) div 用來(lái)放生成的 table ； 一個(gè)按鈕執(zhí)行 create
// div id="div"/div
// input type="button" onclick="create()" /
// 以下是 js 方法
script src="" type="text/javascript"/script
script type="text/javascript"
function create() {
// 使用 $("table/table") 生成一個(gè) table
var tab = $("table border='1'/table");
// 3 行循環(huán)3次
for (var i = 1; i = 3; i++) {
// 每次生成一個(gè) tr/tr
var row = $("tr/tr");
// 4 列循環(huán) 4 次
for (var j = 1; j = 4; j++) {
// 給 tr/tr append（添加） tdi行j列/td
row.append($("td" + i + "行" + j + "列" + "/td"));
}
// 給 table/table 每次循環(huán)添加上邊的 tr****/tr
tab.append(row);
}
// 最后把生成的 table***/table 放到 id=div 的控件中
$("#div").append(tab);
}
/script
javascript制作表格
function
addRow(){
//添加一行
var
newTr
=
testTbl.insertRow();
//添加兩列
var
newTd0
=
newTr.insertCell();
var
newTd1
=
newTr.insertCell();
//設(shè)置列內(nèi)容和屬性
newTd0.innerHTML
=
'';
newTd2.innerText=
'新加行';
}
你自己操作，20次行，5次列，就行了
標(biāo)題名稱：javascript表,javascript表單提交
分享網(wǎng)址：http://m.kartarina.com/article24/dseeece.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、定制開(kāi)發(fā)、做網(wǎng)站、域名注冊(cè)、Google、動(dòng)態(tài)網(wǎng)站
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
