JS顯示表格內(nèi)指定行html代碼的方法
更新時間:2015年03月31日 11:05:44 作者:歐陽不瘋
這篇文章主要介紹了JS顯示表格內(nèi)指定行html代碼的方法,涉及javascript獲取行及innerHTML屬性的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS顯示表格內(nèi)指定行html代碼的方法。分享給大家供大家參考。具體如下:
下面的js代碼演示了如何通過表格的rows數(shù)組獲得指定行的html代碼,包含了所有列
<!DOCTYPE html>
<html>
<head>
<script>
function showRow()
{
alert(document.getElementById('myTable').rows[0].innerHTML);
}
</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>
<br>
<input type="button" onclick="showRow()"
value="Show innerHTML of first row">
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
30分鐘快速入門掌握ES6/ES2015的核心內(nèi)容(下)
這篇文章主要給大家介紹了如何通過30分鐘快速入門掌握ES6/ES2015的核心內(nèi)容的相關(guān)資料,之前給大家介紹過基礎(chǔ)的一些內(nèi)容,下面繼續(xù)來介紹一些其他的新特性,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-04-04
基于substring()和substr()的使用以及區(qū)別(實例講解)
下面小編就為大家分享一篇基于substring()和substr()的使用以及區(qū)別實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
BootstrapTable與KnockoutJS相結(jié)合實現(xiàn)增刪改查功能【二】
這篇文章主要介紹了BootstrapTable與KnockoutJS相結(jié)合實現(xiàn)增刪改查功能【二】的相關(guān)資料,非常具有參考價值,感興趣的朋友一起學(xué)習(xí)吧
2016-05-05 
