JavaScript cells 屬性
cells可以獲取表格中某一行所有單元格的集合。
可以通過索引獲取集合中的指定td單元格。
語法結構:
[JavaScript] 純文字檢視 複製程式碼trObject.cells
瀏覽器支援:
(1).IE瀏覽器支援此屬性。
(2).edge瀏覽器支援此屬性。
(3).谷歌瀏覽器支援此屬性。
(4).opera瀏覽器支援此屬性。
(5).火狐瀏覽器支援此屬性。
(6).safria瀏覽器支援此屬性。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var otable=document.getElementById("thetable"); var otrbt=document.getElementById("trbt"); otrbt.onclick=function(){ var rows=otable.rows; trcell.innerHTML="第一行中單元格數量是:"+rows[0].cells.length; } } </script> </head> <body> <table id="thetable" border="1"> <tr> <td>序號</td> <td>教程</td> <td>作者</td> </tr> <tr> <td>1</td> <td>javascript教程</td> <td>antzone</td> </tr> <tr> <td>2</td> <td>div css教程</td> <td>螞蟻部落</td> </tr> </table> <ul> <li id="trcell"></li> <li><input type="button" id="trbt" value="檢視指定行單元格"/></li> </ul> </body> </html>
程式碼可以計算出第一行單元格的數量;需要特別注意的是cells屬性的引用物件必須是tr物件。
相關文章
- JavaScript files 屬性JavaScript
- JavaScript childElementCount 屬性JavaScript
- JavaScript offsetX 屬性JavaScript
- JavaScript firstChild屬性JavaScript
- JavaScript classList 屬性JavaScript
- JavaScript rows 屬性JavaScript
- JavaScript nodeName 屬性JavaScript
- JavaScript rowIndex 屬性JavaScriptIndex
- JavaScript tagName 屬性JavaScript
- JavaScript parentNode 屬性JavaScript
- JavaScript prototype屬性JavaScript
- JavaScript NaN 屬性JavaScriptNaN
- JavaScript Infinity 屬性JavaScript
- JavaScript className 屬性JavaScript
- JavaScript style 屬性JavaScript
- JavaScript firstElementChild 屬性JavaScript
- JavaScript私有屬性和靜態屬性JavaScript
- JavaScript validity 屬性JavaScript
- JavaScript 字串 length屬性JavaScript字串
- JavaScript 例項屬性JavaScript
- JavaScript:Object屬性方法JavaScriptObject
- JavaScript設定屬性JavaScript
- JavaScript 函式 name 屬性JavaScript函式
- 理解 JavaScript 物件的屬性JavaScript物件
- JavaScript 刪除class屬性JavaScript
- JavaScript select text 屬性JavaScript
- JavaScript select size 屬性JavaScript
- JavaScript select length 屬性JavaScript
- JavaScript 陣列 length 屬性JavaScript陣列
- JavaScript naturalHeight 屬性JavaScript
- JavaScript naturalWidth 屬性JavaScript
- JavaScript 函式 length 屬性JavaScript函式
- javascript layerX和layerY屬性JavaScript
- javascript textContent屬性用法JavaScript
- 理解JavaScript的原型屬性JavaScript原型
- JavaScript物件的資料屬性與訪問器屬性JavaScript物件
- JavaScript公有屬性、私有屬性、公有方法和原型方法JavaScript原型
- JavaScript 獲取 checked 屬性值JavaScript