Hướng dẫn table rows javascript - hàng bảng javascript

).

Mẹo: Sử dụng phương thức deleterow () để loại bỏ một hàng. Use the deleteRow() method to remove a row.

Mẹo: Sử dụng phương thức InsertCell () để tạo một ô mới (). Use the insertCell() method to create a new cell (

element must contain one or more

Đối tượng bảng

Thí dụ

Tìm hiểu có bao nhiêu hàng trong một bảng:

var x = document.getEuityById ("mytable"). hàng.length;

Kết quả của x sẽ là:

2

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.


Định nghĩa và cách sử dụng

Bộ sưu tập hàng trả về một bộ sưu tập tất cả các yếu tố trong một bảng.

Lưu ý: Các phần tử trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn. The elements in the collection are sorted as they appear in the source code.

Mẹo: Sử dụng phương thức Insertrow () để tạo một hàng mới (). Use the insertRow() method to create a new row (

).

Mẹo: Sử dụng phương thức deletecell () để xóa một ô. Use the deleteCell() method to delete a cell.

Mẹo: Sử dụng bộ sưu tập các ô để trả về một bộ sưu tập tất cả hoặc các yếu tố trong bảng. Use the cells collection to return a collection of all

or elements in a table.


Hỗ trợ trình duyệt

Bộ sưu tập
hàngĐúngĐúngĐúngĐúngĐúng

Cú pháp

Đặc tính

Tài sảnSự mô tả
chiều dàiTrả về số lượng các yếu tố trong bộ sưu tập.

Lưu ý: thuộc tính này chỉ đọc This property is read-only

Phương pháp

Phương phápSự mô tả
chiều dàiTrả về số lượng các yếu tố trong bộ sưu tập.

Lưu ý: thuộc tính này chỉ đọc Returns null if the index number is out of range

Phương phápTrả về số lượng các yếu tố trong bộ sưu tập.

Lưu ý: thuộc tính này chỉ đọc Returns null if the index number is out of range

Phương phápPhương pháp

[mục lục] Returns null if the id does not exist



Trả về phần tử từ bộ sưu tập với chỉ mục được chỉ định (bắt đầu từ 0).

Lưu ý: Trả về null nếu số chỉ mục nằm ngoài phạm viMục (INDEX)
Được đặt tên (ID)Trả về phần tử từ bộ sưu tập với ID được chỉ định.

Lưu ý: Trả về NULL nếu ID không tồn tại

Thí dụ

[index]

Chi tiết kỹ thuật

Phiên bản DOM:

Hãy tự mình thử »


Thí dụ

item(index)

Chi tiết kỹ thuật

Phiên bản DOM:

Hãy tự mình thử »


Thí dụ

namedItem(id)

Đối tượng tài liệu lõi cấp 2

Giá trị trở lại:

Hãy tự mình thử »


Thí dụ

Một đối tượng HTMLCollection, đại diện cho tất cả các phần tử trong phần tử. Các yếu tố trong bộ sưu tập được sắp xếp khi chúng xuất hiện trong mã nguồn

Nhiều ví dụ hơn
x[0].innerHTML = "NEW CONTENT";

Hãy tự mình thử »


Cảnh báo bên trong của phần tử đầu tiên (chỉ mục 0) trong bảng:

cảnh báo (document.getEuityById ("mytable"). hàng [0] .innerhtml;

cảnh báo (document.getEuityById ("mytable"). hàng.item (0) .innerhtml);


Đối tượng bảng


Đối tượng bảng

Thí dụ

Tạo và xóa (các) hàng:

hàm myCreateFunction () {& nbsp; var bảng = document.getEuityById ("mytable"); & nbsp; var row = bảng.Insertrow (0); & nbsp; var cell1 = row.insertCell (0); & nbsp; var cell2 = row.insertcell (1); & nbsp; cell1.innerhtml = "new cell1"; & nbsp; cell2.innerhtml = "new cell2";}
var table = document.getElementById("myTable");

// Tạo một phần tử trống và thêm nó vào vị trí đầu tiên của bảng: var row = bảng.Insertrow (0);
var row = table.insertRow(0);

// Chèn các ô mới (phần tử) ở vị trí thứ 1 và 2 của phần tử "mới": var cell1 = row.insertcell (0); var cell2 = row.insertcell (1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);

// Thêm một số văn bản vào các ô mới: cell1.innerhtml = "new cell1"; cell2.innerhtml = "new cell2";
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";

Hãy tự mình thử »


Định nghĩa và cách sử dụng

Phương thức Insertrow () tạo một phần tử trống và thêm nó vào một bảng.

Phương thức Insertrow () chèn (các) hàng mới tại chỉ mục được chỉ định trong bảng.

Lưu ý: Một phần tử phải chứa một hoặc nhiều hoặc các phần tử. A

or elements.

Mẹo: Sử dụng phương thức deleterow () để loại bỏ một hàng. Use the deleteRow() method to remove a row.


Hỗ trợ trình duyệt

Phương pháp
Chèn hàng()ĐúngĐúngĐúngĐúngĐúng

Cú pháp

TableObject.insertrow (INDEX)

Giá trị tham số

Giá trịSự mô tả
mục lụcYêu cầu trong Firefox và Opera, tùy chọn trong IE, Chrome và Safari. Một số chỉ định vị trí của hàng để chèn (bắt đầu từ 0). Giá trị của 0 kết quả là hàng mới sẽ được chèn ở vị trí đầu tiên.

Giá trị của -1 cũng có thể được sử dụng, điều này dẫn đến một hàng mới được chèn vào vị trí cuối cùng.

Tham số này được yêu cầu trong Firefox và Opera, nhưng tùy chọn trong Internet Explorer, Chrome và Safari.

Nếu tham số này bị bỏ qua, hãy chèn () chèn một hàng mới ở vị trí cuối cùng trong Chrome, IE, Firefox và Opera, và ở vị trí đầu tiên trong Safari.



Chi tiết kỹ thuật

Giá trị trở lại:Phần tử chèn

Nhiều ví dụ hơn

Thí dụ

Tạo và xóa (các) hàng:

hàm myCreateFunction () {& nbsp; var bảng = document.getEuityById ("mytable"); & nbsp; var row = bảng.Insertrow (0); & nbsp; var cell1 = row.insertCell (0); & nbsp; var cell2 = row.insertcell (1); & nbsp; cell1.innerhtml = "new cell1"; & nbsp; cell2.innerhtml = "new cell2";}
  var table = document.getElementById("myTable");
  var row = table.insertRow(0);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  cell1.innerHTML = "NEW CELL1";
  cell2.innerHTML = "NEW CELL2";
}

hàm myDeleteFunction () {& nbsp; document.getEuityById ("mytable"). deleterow (0);}
  document.getElementById("myTable").deleteRow(0);
}

Hãy tự mình thử »


Các trang liên quan

Tham khảo HTML: Thẻ HTML


Đối tượng bảng