js建立table以及屬性

2021-08-31 12:22:18 字數 1197 閱讀 7392

js動態建立**(新增、刪除行和單元格),動態設定屬性,動態新增事件

2023年07月24日 星期五 11:02

1、inserrow()和insertcell()函式

insertrow()函式可以帶引數,形式如下:

insertrow(index):index從0開始

這個函式將新行新增到index的那一行前,比如insertrow(0),是將新行新增到第一行之前。預設的insertrow()函式相當於 insertrow(-1),將新行新增到表的最後。一般我們在使用的時候都是:objtable.insertrow (objtable.rows.length).就是為**objtable在最後新增一行。

insertcell()和insertrow的用法相同,這裡就不再說了。

2、deleterow()和deletecell()方法

deleterow()函式可以帶引數,形式如下:

deleterow(index):index從0開始

和上面兩個方法差不多的意思,就是刪除指定位置的行和單元格。要傳入的引數:index是行在**中的位置,可以下面的方法取得然後去刪除:

var row=document.getelementbyid("行的id");

var index=row.rowindex; //有這個屬性,嘿嘿

objtable.deleterow(index);

在使用過程中我碰到的乙個問題跟大家說一下,就是刪除**的行的時候,如果你刪除了某一行,那麼**行數是馬上就變化的,所以如果你要刪除**的所有行,下面的**是錯誤的:

複製內容到剪貼簿**:

function clearrow()  

var tr = table.insertrow();

tr.attachevent("onclick",doalter);

或 tr.setattribute("onclick","doalter()");

或 tr.οnclick=function();

或 tr.οnclick=doalter;

b、傳引數的方法

var trmousemove = function(obj) }

var tr = table.insertrow();

tr.attachevent("onmousemove",addrselfmousemove(tr));

HTML之Table表單的屬性以及用法

一 的常用屬性 1 table的常用屬性 1.width height 定義 的長和寬 2.align 是整個 相對于父元素的對齊方式 3.border 整個 外圍的的邊界寬度 4.cellspacing 單元格外邊距,即單元格之間的間距 預設不為0 5.cellpadding 單元格內邊距,即單元...

HTML中table標籤屬性以及練習例項

實現 樣式,在html實現中,可以使用table標籤。邊框屬性 border 背景色屬性或者背景屬性 table內容邊距 cellpadding table單元格之間的距離 cellspacing 佔據的行數 rowspan 佔據的列數 colspan table 的標題 常用的標籤 行標籤,列標籤...

JS 建立唯讀屬性

這種方式可以建立 偽 唯讀屬性。這並不是一種好方法,因為使用 函式 獲得唯讀的 屬性 不太符合一般的邏輯。represent a used car.constructor function car miles self.drive function miles get a protected odo...