javascript操作table的一些常用方法

來源:互聯網
上載者:User

就這麼簡單,做點詳細的說明:
1、inserRow()和insertCell()函數
insertRow()函數可以帶參數,形式如下:
insertRow(index)
這個函數將新行添加到index的那一行前,比如insertRow(0),是將新行添加到第一行之前。預設的insertRow()函數相當於insertRow(-1),將新行添加到表的最後。
insertCell()和insertRow的用法相同。
2、動態設定屬性和事件
上面行數中的innerHTML和innerText都是列的屬性。
這個inner,就是“inner”到<td></td>之間,innerText是添加到<td></td>之間的文本,innerHTML是添加到<td></td>之間的HTML代碼(這個so簡單,這個解釋挺多餘的)
設定其他屬性也是用同樣的方式,比如,設定行背景色
newTr.bgColor = ’red’;

設定事件也一樣,需要簡單說明一點。
比如,我要讓點擊新加行的時候執行一個自己定義的函數 newClick,newClick行數如下:
function newClick(){
alert("這是新添加的行");
}
對onclick事件設定這個函數的代碼如下:
newTr.onclick = newClick;
這裡需要主義的是,=後面的部分必須是函數名,而且不能帶引號,
newTr.onclick = newClick();
newTr.onclick = ’newClick’;
newTr.onclick = "newClick";
上面的寫法都是錯誤的。
為什麼,其實知道為什麼沒有什麼意思,知道怎麼用就OK了,如果不想知道,可以跳過下面這一段。

實際上這個=後面的newClick是指向自己定義的newClick函數的指標,javascript裡面函數名就是指向函數的指標,加了引號括弧什麼的瀏覽器就找不到那個函數了。
下面的寫法,也是正確的
newTr.onclick = function newClick(){
alert("這是新添加的行");

這個使用函數名實際上是一樣的

設定其他的事件用法相同。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.