JavaScript動態(tài)改變表格單元格內(nèi)容的方法

更新時間：2015年03月30日 11:52:27 作者：歐陽不瘋

這篇文章主要介紹了JavaScript動態(tài)改變表格單元格內(nèi)容的方法,涉及javascript操作html中table表格的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了JavaScript動態(tài)改變表格單元格內(nèi)容的方法。分享給大家供大家參考。具體如下：

JavaScript動態(tài)改變表格單元格的內(nèi)容，下面的代碼通過修改單元格的innerHTML來修改單元格內(nèi)容

<!DOCTYPE html>
<html>
<head>
<script>
function changeContent()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].innerHTML="NEW CONTENT";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<form>
<input type="button" onclick="changeContent()" value="Change content">
</form>
</body>
</html>

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

js loading加載效果實現(xiàn)代碼
js loading加載效果實現(xiàn)代碼，這個是在asp.net下的輸出j代碼，實現(xiàn)頁面加載效果。
2009-11-11
JavaScript獲取URL參數(shù)的幾種方法小結(jié)
在Web開發(fā)中,經(jīng)常需要從URL中提取參數(shù)來進行相應的操作,本文將深度解析在JavaScript中獲取URL參數(shù)的幾種方法,并附帶一些擴展與高級技巧,希望對你有所幫助
2024-09-09
PHPExcel中的一些常用方法匯總
這篇文章主要介紹了PHPExcel中的一些常用方法匯總,本文直接給出操作代碼實例,代碼中對常用方法給出了注釋,需要的朋友可以參考下
2015-01-01
解析javascript圖片懶加載與預加載的分析總結(jié)
本篇文章介紹了javascript圖片懶加載與預加載的分析，詳細的介紹了懶加載和預加載的問題，有需要的可以了解一下。
2016-10-10
JS在IE和FireFox之間常用函數(shù)的區(qū)別小結(jié)
IE和FireFox之間常用函數(shù)的區(qū)別小結(jié)，需要的朋友可以參考下。
2010-03-03
JS實現(xiàn)的ajax和同源策略(實例講解)
下面小編就為大家分享一篇JS實現(xiàn)的ajax和同源策略的實例講解，具有很好的參考價值，希望對大家有所幫助
2017-12-12
詳解如何利用chatgpt保護您的js代碼
這篇文章主要為大家介紹了如何利用chatgpt保護您的js代碼詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-04-04
JS寫的數(shù)字拼圖小游戲代碼[學習參考]
昨天沒事做，就用JS寫了個數(shù)字拼圖的小游戲，自娛自樂。可惜關于逆序數(shù)的問題還沒解決，現(xiàn)在有時是拼不成的，大家見諒了。
2008-10-10
微信小程序全局變量的設置、使用、修改過程解析
這篇文章主要介紹了微信小程序全局變量的設置、使用、修改過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-09-09
JavaScript實現(xiàn)控制并發(fā)請求的方法詳解
這篇文章主要為大家詳細介紹了如果有100個請求,那么如何使用JavaScript實現(xiàn)控制并發(fā)請求,感興趣的小伙伴可以跟隨小編一起學習一
2024-03-03