Trong bài viết này chúng ta sẽ tìm hiểu cách gửi và truy cập dữ liệu hàng khi click nút bằng JavaScript
The below example contains a simple Bootstrap table. Each table row [
Cách tiếp cận
We get the row id of the row whose button was clicked using “event.target.parentNode.parentNode.id”. Here, “event.targent” returns the element that triggered the event [clicking the button], which in this case is . “event.target.parentNode” refers to parent of , that is
Bây giờ chúng tôi muốn truy cập dữ liệu bên trong hàng cụ thể này. Tất cả các phần tử dữ liệu đều có class=”row-data”. "tài liệu. getElementById[rowId]. truy vấnSelectorAll[“. row-data”]” trả về một mảng gồm tất cả các phần tử có lớp “row-data” bên trong phần tử [hàng] có id được cung cấp bởi rowId. Mảng được lưu trữ trong biến var “data”. Chúng tôi có thể truy cập dữ liệu bằng data[0]. InternalHTML [tên], v.v.
Xin chào, tôi có tình huống sau
tôi biết id này. ContentPlaceHolder1_DLMon_LBMonEventName_0
Tôi muốn lấy id này. ContentPlaceHolder1_DLTue_LBTueEventName_10 dựa trên id mà tôi đã biết
Điều này có thể giải quyết như thế nào?
Kiếm thu nhập với kỹ năng HTML của bạn
Đăng ký và chúng tôi sẽ gửi cho bạn những cơ hội làm việc tự do tốt nhất ngay trong hộp thư đến của bạn.
Chúng tôi đang xây dựng thị trường việc làm tự do lớn nhất dành cho những người như bạn.
Bài viết này là tổng quan về một số phương thức DOM cấp 1 mạnh mẽ, cơ bản và cách sử dụng chúng từ JavaScript. Bạn sẽ tìm hiểu cách tạo, truy cập, kiểm soát và xóa các phần tử HTML một cách linh hoạt. Các phương thức DOM được trình bày ở đây không dành riêng cho HTML; . Các minh họa được cung cấp ở đây sẽ hoạt động tốt trong mọi trình duyệt hiện đại
Ghi chú. Các phương thức DOM được trình bày ở đây là một phần của đặc tả cấp 1 Mô hình Đối tượng Tài liệu [Lõi]. DOM cấp 1 bao gồm cả các phương thức để truy cập và thao tác tài liệu chung [DOM 1 Core] cũng như các phương thức dành riêng cho tài liệu HTML [DOM 1 HTML]
Tạo một bảng HTML động
Thí dụ
Trong ví dụ này, chúng tôi thêm một bảng mới vào trang khi nhấp vào nút
HTML
JavaScript
function generateTable[] {
// creates a element and a element
const tbl = document.createElement["table"];
const tblBody = document.createElement["tbody"];
// creating all cells
for [let i = 0; i
8Tiếp theo, chúng tôi đính kèm từng phần tử table {
margin: 1rem auto;
}
td {
padding: 0.5rem;
}
9 vào phần tử table {
margin: 1rem auto;
}
td {
padding: 0.5rem;
}
6 gốc của nó bằng cách sử dụngfunction generateTable[] {
// creates a element and a element
const tbl = document.createElement["table"];
const tblBody = document.createElement["tbody"];
// creating all cells
for [let i = 0; i
Chủ Đề