javascript是一種很流行的編程語言,它可以用來實現(xiàn)網(wǎng)頁的各種動態(tài)效果。在網(wǎng)頁開發(fā)中,有時候需要獲取table中某一列或某一個td的內(nèi)容,這時候就需要用到j(luò)avascript獲取td的方法。
獲取table中某一列的內(nèi)容,可以使用for循環(huán)和getElementsByTagName方法來實現(xiàn),例如:
var table = document.getElementById('myTable'); var cells = table.getElementsByTagName('td'); var columnIndex = 2; //表示要獲取第3列的內(nèi)容 var contents = []; for(var i=columnIndex; i上面的代碼中,首先獲取到table元素和所有的td元素,然后循環(huán)遍歷每一列的第3個元素(即第3列),并將內(nèi)容添加到數(shù)組中。
如果需要獲取table中某一個td的內(nèi)容,可以使用對應(yīng)的行和列的索引來獲取,例如:
var table = document.getElementById('myTable'); var row = table.rows[1]; //獲取第2行 var cell = row.cells[2]; //獲取第3列 var content = cell.innerHTML;上面的代碼中,通過獲取table元素的第2行和第3列的td元素,最終得到第2行第3列的內(nèi)容。
除了使用索引外,還可以通過給table和td元素添加id屬性來獲取,例如:
var cell1 = document.getElementById('r1c1'); var content1 = cell1.innerHTML; //獲取第1行第1列的內(nèi)容 var cell2 = document.getElementById('r2c2'); var content2 = cell2.innerHTML; //獲取第2行第2列的內(nèi)容
數(shù)據(jù)1 數(shù)據(jù)2 數(shù)據(jù)3 數(shù)據(jù)4
上面的代碼中,使用id屬性獲取table和td元素,然后通過innerHTML屬性獲取內(nèi)容。
需要注意的是,獲取td元素的內(nèi)容時,如果td元素中包含有標(biāo)簽(比如a、img等),需要使用innerText或textContent屬性獲取文本內(nèi)容。
綜上,javascript可以很方便地獲取table中的td元素內(nèi)容,通過索引、id屬性等多種方式實現(xiàn)。