Làm thế nào để bạn tô màu một bảng trong javascript?

Question

Thay đổi màu nền của hàng trong bảng khi di chuột qua bằng JavaScript

Nội dung chính Show

Câu trả lời được đề xuất
Tất cả 8 câu trả lời
Làm cách nào để thay đổi màu nền trong bảng bằng JavaScript?
Làm cách nào để thay đổi màu của JavaScript?

Ví dụ

Tiêu đề Hàng 1 Hàng 1 Hàng 2 Hàng 3 Hàng 4 Hàng 5 Hàng 6

Mẫu mã

Thay đổi màu nền của hàng trong bảng khi di chuột qua bằng cách sử dụng JavaScript HeadingRow 1Row 1Row 2Row 3 Row 4 Row 5 Row 6

Tôi sẽ sử dụng giải pháp từ Eric, nhưng tôi khuyên bạn nên sử dụng giải pháp khác. Tôi nghĩ cách bạn đang làm sẽ phức tạp hơn khi làm việc với tôi. Tôi đã sử dụng thành phần rèn này làm ví dụ về cách thực hiện. Và tôi thực sự thích nó. Nơi bạn có một tệp trên tài nguyên với các kiểu và bạn chỉ cần thêm tệp đó mỗi khi chuyển sang chế độ tối

https. //www. hệ thống bên ngoài. com/forge/component-overview/9975/simple-dark-mode-react

Tôi nghĩ rằng nó có cho mọi thành phần trên giao diện người dùng OutSystems

Cài đặt bản demo, để xem cách thực hiện. Và điều chỉnh javascript của bạn. )

Tôi đã cố gắng điều chỉnh nhưng thiếu cái này để có thể xuất bản. (

Trân trọng,

Márcio

Trong bài viết này, chúng ta sẽ thảo luận về cách đặt màu nền của các hàng trong bảng & cách đặt màu nền cho một ô riêng lẻ bằng Bootstrap. Bootstrap cung cấp một loạt các lớp có thể được sử dụng để áp dụng nhiều kiểu dáng khác nhau cho bảng chẳng hạn như thay đổi hình thức tiêu đề, làm cho các hàng bị tước bỏ, thêm hoặc xóa đường viền, làm cho các hàng có thể di chuột được, v.v. Bootstrap cũng cung cấp các lớp để tạo các bảng phản hồi nhanh

Mục đích của việc tạo bảng là để hiển thị dữ liệu phức tạp và có kích thước lớn ở định dạng có cấu trúc đơn giản, nhỏ gọn, cung cấp nội dung thông tin khi nhìn lướt qua. Điều này sẽ tiết kiệm thời gian để đọc và phân tích dữ liệu lớn phi cấu trúc. Bootstrap giúp tạo & trang trí nội dung chuẩn. Chúng tôi sẽ sử dụng các lớp tích hợp bootstrap để tạo cấu trúc bảng. Một bảng HTML đơn giản có thể được tạo bằng cú pháp dưới đây

cú pháp

Table Contents..

Trước khi vào phần thảo luận chính, kiến thức về tạo bảng bằng HTML sẽ giúp bạn hiểu bài viết tốt hơn. Vui lòng tham khảo Bootstrap 4. Bảng cho nhiều trường hợp khác của bảng trong bootstrap

Liên kết CDN Bootstrap. Hãy lấy một ví dụ để hiểu cách thiết lập và thêm liên kết Bootstrap CDN để áp dụng các lớp được xác định trước bootstrap để tạo bảng

Ví dụ

HTML

<html>

<

One	Two	Three
1	2	3

1>


  
    One
    Two
    Three
  
  
    1
    2
    3

3_______61 93<1 <23<4 5

Xin chào. Vui lòng cho biết có gì sai trong đoạn mã sau mà các thuộc tính căn chỉnh và đường viền thay đổi khi di chuột qua bảng, ngoại trừ màu nền


  
    One
    Two
    Three
  
  
    1
    2
    3

javascript onmouseover

0 0

Chia sẻ

4 Người đóng góp
8 Trả lời
23K Lượt xem
1 ngày Khoảng thời gian thảo luận
Bài đăng mới nhất 10 năm trước Bài đăng mới nhất của eburlea

Câu trả lời được đề xuất

Đã được trả lời bởi Taywin 312 trong một bài đăng từ 10 năm trước

Hiển thị nền trong một bảng là từ mỗi ô của bảng, không phải từ chính bảng đó. Nếu muốn đổi màu cần đổi trong từng ô của bảng (td) chứ không phải đổi từ thẻ table

Chuyển tới bài viết

Đã được trả lời bởi pritaeas 2.130 trong một bài đăng từ 10 năm trước

Thay vào đó, bạn có thể đặt onmouseover cho thẻ

document.getElementsByTagName('tr').onmouseover = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FF0000";
};
document.getElementsByTagName('tr').onmouseout = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FFFFFF";
};

3

Chuyển tới bài viết

Tất cả 8 câu trả lời

Taywin 312 Đăng Virtuoso

10 năm trước

Hiển thị nền trong một bảng là từ mỗi ô của bảng, không phải từ chính bảng đó. Nếu muốn đổi màu cần đổi trong từng ô của bảng (td) chứ không phải đổi từ thẻ table

0 0

Chia sẻ

eburlea 23 Áp phích dành cho lứa tuổi thiếu niên

10 năm trước

Tôi đã thay đổi
myTable. setAttribute("bgcolor","#FF0000");
với
tài liệu. getElementById('myTable'). Phong cách. backgroundColor = color;
và nó hoạt động cho toàn bộ bảng.
Có giải pháp nào khác không?

0 0

Chia sẻ

Làm thế nào để bạn tô màu một bảng trong javascript?

eburlea 23 Áp phích dành cho lứa tuổi thiếu niên

10 năm trước

Bản tuyên bố
tài liệu. getElementById('myTable'). Phong cách. backgroundColor = color;
tô màu toàn bộ bảng.
Những gì khác nên được bao gồm trong mã để chỉ có một hàng được tô màu?

0 0

Chia sẻ

pritaeas 2.130 ¯\_(ツ)_/¯ Người điều hành Featured Poster

10 năm trước

Thay vào đó, bạn có thể đặt onmouseover cho thẻ

document.getElementsByTagName('tr').onmouseover = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FF0000";
};
document.getElementsByTagName('tr').onmouseout = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FFFFFF";
};

3

0 0

Chia sẻ

eburlea 23 Áp phích dành cho lứa tuổi thiếu niên

10 năm trước

Tôi đã thử cái này và nó không hoạt động

document.getElementsByTagName('tr').onmouseover = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FF0000";
};
document.getElementsByTagName('tr').onmouseout = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FFFFFF";
};

0 0

Chia sẻ

Bách 45 Áp phích dành cho người mới

10 năm trước

Hãy thử ví dụ này

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


Table Exg





  
    One
    Two
    Three
  
  
    1
    2
    3

0 1

Chia sẻ

Đã chỉnh sửa 10 năm trước bởi Bachu

pritaeas 2.130 ¯\_(ツ)_/¯ Người điều hành Featured Poster

10 năm trước

document.getElementsByTagName('tr').onmouseover = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FF0000";
};
document.getElementsByTagName('tr').onmouseout = function(){
  document.getElementsByTagName('tr').style.backgroundColor = "#FFFFFF";
};

5 trả về một danh sách, vì vậy bạn nên làm

var MyTable = document.getElementById('myTable');
var rows = MyTable.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) {
    rows[i].onmouseover = function() {
        this.style.backgroundColor = '#ff0000';
    }
    rows[i].onmouseout = function() {
        this.style.backgroundColor = '#ffffff';
    }
}

0 0

Chia sẻ

eburlea 23 Áp phích dành cho lứa tuổi thiếu niên

10 năm trước

Vâng, bạn hoàn toàn đúng. getElementsByTagName trả về một mảng. tôi không nghĩ về điều đó. Cảm ơn rất nhiều. Nó đang làm việc

Làm cách nào để thay đổi màu nền trong bảng bằng JavaScript?

bgColor = '#00FF00';

Làm cách nào để thay đổi màu của JavaScript?

Để thay đổi màu của văn bản, bạn có thể sử dụng phương thức “getElementById()” với “style. Thuộc tính color” . Trong trường hợp như vậy, phần tử văn bản có thể được truy cập bằng phương thức getElementById() và sau đó áp dụng thuộc tính màu với sự trợ giúp của kiểu HTML. thuộc tính màu.

programming javascript

Làm thế nào để bạn tô màu một bảng trong javascript?

HTML

Câu trả lời được đề xuất

Tất cả 8 câu trả lời

Làm cách nào để thay đổi màu nền trong bảng bằng JavaScript?

Làm cách nào để thay đổi màu của JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội