谷歌瀏覽器 insertCell與appendChild的區(qū)別
更新時(shí)間：2009年02月12日 20:22:56 作者：
table中增加單元格時(shí)
在谷歌瀏覽器中使用insertCell方法增加列時(shí)，顯示結(jié)果的先后順序與程序執(zhí)行的先后順序相反
而使用appendChild方法增加列，顯示結(jié)果的先后順序與程序執(zhí)行的先后順序相同
詳細(xì)可以執(zhí)行以下代碼：
<html>
<script type="text/javascript"><!--
function generatable(){
var tableObje = document.getElementById("info");
var bodyObj = tableObje.tBodies[0];
var rowObj = bodyObj.insertRow();
var cellObj = rowObj.insertCell();
cellObj.innerHTML = "張三";
cellObj = rowObj.insertCell();
cellObj.innerHTML = "請(qǐng)參閱我編寫(xiě)的其他書(shū)目對(duì)應(yīng)的腳本特性為請(qǐng)參閱我編寫(xiě)的其他書(shū)目";
cellObj = rowObj.insertCell();
cellObj.innerHTML = "當(dāng)事人地址信息請(qǐng)小房間也是查看。";
}
function generatable1(){
var tableObje = document.getElementById("info");
var bodyObj = tableObje.tBodies[0];
var rowObj = document.createElement("tr");
var cellObj = document.createElement("td");
cellObj.innerHTML = "張三";
rowObj.appendChild(cellObj)
cellObj = document.createElement("td");
cellObj.innerHTML = "請(qǐng)參閱我編寫(xiě)的其他書(shū)目對(duì)應(yīng)的腳本特性為請(qǐng)參閱我編寫(xiě)的其他書(shū)目";
rowObj.appendChild(cellObj);
cellObj = document.createElement("td");
cellObj.innerHTML = "當(dāng)事人地址信息請(qǐng)小房間也是查看。";
rowObj.appendChild(cellObj);
bodyObj.appendChild(rowObj);
}
// --></script>
<body onload="generatable()">
<table width=100 bgcolor=#f3f3f3 id=info border=1 style="table-layout:fixed;" style="table-layout:fixed;">
<thead>
<tr>
<td style="width:80">姓名</td>
<td style="width:200">描述</td>
<td style="width:100">地址</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
詳細(xì)可以執(zhí)行以下代碼：
復(fù)制代碼 代碼如下:
<html>
<script type="text/javascript"><!--
function generatable(){
var tableObje = document.getElementById("info");
var bodyObj = tableObje.tBodies[0];
var rowObj = bodyObj.insertRow();
var cellObj = rowObj.insertCell();
cellObj.innerHTML = "張三";
cellObj = rowObj.insertCell();
cellObj.innerHTML = "請(qǐng)參閱我編寫(xiě)的其他書(shū)目對(duì)應(yīng)的腳本特性為請(qǐng)參閱我編寫(xiě)的其他書(shū)目";
cellObj = rowObj.insertCell();
cellObj.innerHTML = "當(dāng)事人地址信息請(qǐng)小房間也是查看。";
}
function generatable1(){
var tableObje = document.getElementById("info");
var bodyObj = tableObje.tBodies[0];
var rowObj = document.createElement("tr");
var cellObj = document.createElement("td");
cellObj.innerHTML = "張三";
rowObj.appendChild(cellObj)
cellObj = document.createElement("td");
cellObj.innerHTML = "請(qǐng)參閱我編寫(xiě)的其他書(shū)目對(duì)應(yīng)的腳本特性為請(qǐng)參閱我編寫(xiě)的其他書(shū)目";
rowObj.appendChild(cellObj);
cellObj = document.createElement("td");
cellObj.innerHTML = "當(dāng)事人地址信息請(qǐng)小房間也是查看。";
rowObj.appendChild(cellObj);
bodyObj.appendChild(rowObj);
}
// --></script>
<body onload="generatable()">
<table width=100 bgcolor=#f3f3f3 id=info border=1 style="table-layout:fixed;" style="table-layout:fixed;">
<thead>
<tr>
<td style="width:80">姓名</td>
<td style="width:200">描述</td>
<td style="width:100">地址</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>
相關(guān)文章
微信小程序：數(shù)據(jù)存儲(chǔ)、傳值、取值詳解
這篇文章主要介紹了微信小程序：數(shù)據(jù)存儲(chǔ)、傳值、取值，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建(1)
這篇文章主要介紹了?JavaScript?數(shù)據(jù)結(jié)構(gòu)之散列表的創(chuàng)建，文章圍繞主題相關(guān)內(nèi)容展開(kāi)詳細(xì)的介紹，需要的小伙伴可以參考一下2022-04-04
這篇文章主要教大家如何使用Bootstrap自定義文件上傳下載樣式，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了js計(jì)算德州撲克牌面值的方法,實(shí)例分析了javascript計(jì)算撲克面值的算法技巧,需要的朋友可以參考下2015-03-03
javascript 獲取頁(yè)面的高度及滾動(dòng)條的位置的代碼
javascript獲取頁(yè)面的高度及滾動(dòng)條的位置的代碼，需要的朋友可以參考下。2010-05-05
javascript排序函數(shù)實(shí)現(xiàn)數(shù)字排序
這篇文章主要介紹了javascript排序函數(shù)實(shí)現(xiàn)數(shù)字排序的相關(guān)資料,附上示例，需要的朋友可以參考下2015-06-06
基于javascript處理nginx請(qǐng)求過(guò)程詳解
這篇文章主要介紹了基于javascript處理nginx請(qǐng)求過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
這篇文章主要給大家介紹了關(guān)于js Array.slice的8種不同用法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js 具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
遮照層效果實(shí)現(xiàn)代碼。2009-09-09
JavaScript選擇排序算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript選擇排序算法原理與實(shí)現(xiàn)方法,簡(jiǎn)單分析了選擇排序算法的概念、原理并結(jié)合實(shí)例形式分析了JavaScript選擇排序算法的相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-08-08