Tôi tự hỏi tại sao đôi khi tôi có thể thay đổi màu nền của trang web và đôi khi tôi không thể. Ví dụ: trong một số trang web, tôi chỉ cần nhập document.body.bgColor = "red" trong bảng điều khiển chrome và màu nền tạm thời thay đổi. Tuy nhiên, trong các trang web khác như StackOverFlow, điều này không hoạt động. Vì trình duyệt của tôi đã tải trang, tôi có thể thay đổi cách hiển thị trang cục bộ. Tại sao không? Cảm ơn bạnthay đổi màu nền
Trong Chrome, bạn có thể sử dụng trình kiểm tra DOM để xem phong cách được tính toán của nội dung và cũng là thừa kế/ghi đè các quy tắc CSS dẫn đến kiểu được tính toán này.
Nếu bạn đặt document.body.style.backgroundColor (không phải thuộc tính bgColor), bạn sẽ thấy rằng bạn thực sự có thể thay đổi màu nền tại đây. Tất cả phụ thuộc vào việc liệu có một quy tắc khác ở đâu đó có độ đặc hiệu cao hơn hay không. Thanh tra DOM sẽ cho bạn biết đó là trường hợp.
CSS là câu trả lời của bạn. Hãy thử
document.body.style.background="red";
Thuộc tính phần tử thay thế kiểu CSS.
Bạn đang nói bằng cách làm điều này, màu nền sẽ thay đổi bất kể việc triển khai css mà trang web đang sử dụng là gì, bởi vì nó thay thế? –
Vâng, vâng. Nền của trang sẽ thay đổi màu sắc. Điều đó có thể không thay đổi màu sắc bạn thấy - nhiều trang web sử dụng div vùng chứa có màu nền riêng hoặc div trong các div có màu nền. – FrankieTheKneeMan
Nếu bạn làm điều đó, nền cũng sẽ thay đổi tại đây. Nhưng như bạn có thể thấy với Trình kiểm tra DOM, nền không phải là thứ bạn thực sự thấy. Đây là số div được gọi là container. Nếu bạn thay đổi nền của div này, bạn sẽ thấy các thay đổi
Chỉnh sửa: Ohh tôi thấy vùng chứa đang chuyển đổi. Vì vậy, hãy sử dụng document.body.style.backgroundColor thì nó sẽ hoạt động. :)
Bạn luôn có thể đặt màu nền của cơ thể. Tuy nhiên, điều đó không nhất thiết phản ánh nền của chế độ xem hiện tại. Hơn nữa, nếu có nhiều định nghĩa cụ thể hơn cho một phần tử hơn so với định nghĩa mà bạn áp đặt, chúng sẽ vẫn được sử dụng. Vì vậy, không có "tại sao không" bởi vì bạn là chính xác: bạn luôn có thể thay đổi trang cục bộ.
document.backgroundColor="red";
Vui lòng thêm giải thích lý do tại sao tính năng này hoạt động. – Reg
Bạn có thể thay đổi màu nền của nội dung bằng html. sử dụng thuộc tính css như mã này.
<html>
<head>
<style>
body {
background-color: red
}
</style>
</head>
<body>
</body>
Bạn có thể kiểm tra tài sản hơn để thay đổi màu sắc của cơ thể bằng cách liên kết này http://www.webclasses.in/css-background/
Lưu ý rằng câu hỏi này là về việc thay đổi màu nền theo lập trình thông qua Javascript, chứ không phải các thuộc tính CSS cơ bản. –
+1, nghĩ rằng chúng ta nên đề xuất này trên meta nên chúng tôi? 'document.body.style.background =" pink ";' – Jeroen
@Jeroen Nó thực sự không quá tệ. –