Onclick thay đổi màu nền JavaScript ✅ 2023
Thủ Thuật về Onclick thay đổi màu nền JavaScript Chi Tiết
Bùi Thanh Tùng đang tìm kiếm từ khóa Onclick thay đổi màu nền JavaScript được Update vào lúc : 2022-12-21 10:10:14 . Với phương châm chia sẻ Thủ Thuật về trong nội dung bài viết một cách Chi Tiết 2022. Nếu sau khi tham khảo Post vẫn ko hiểu thì hoàn toàn có thể lại phản hồi ở cuối bài để Mình lý giải và hướng dẫn lại nha.Ví dụ
Đặt màu nền cho tài liệu
Nội dung chính Show- Định nghĩa và cách sử dụngGiá trị tài sảnchi tiết kỹ thuậtHỗ trợ trình duyệtThêm ví dụMàu nền thay đổi bằng phương pháp nhấp vào nút trong JavaScript ra làm sao?Phần kết luậnLàm cách nào để thay đổi màu nền onclick trong JavaScript?Làm cách nào để thay đổi màu nền trong JavaScript một cách linh hoạt?Làm cách nào để thay đổi màu nền trong hàm JavaScript?Làm cách nào để thay đổi màu nền của div trong JavaScript?
tài liệu. thân thể. Phong cách. nềnColor = "đỏ";
Tự mình thử »Thêm những ví dụ "Tự mình thử" phía dưới
Định nghĩa và cách sử dụng
Thuộc tính backgroundColor đặt hoặc trả về màu nền của phần tử
cú pháp
Trả về thuộc tính backgroundColor
vật. Phong cách. màu nền
Đặt thuộc tính backgroundColor
vật. Phong cách. nềnColor = "màu. trong suốt. ban đầu. thừa kế"
Giá trị tài sản
ValueDescriptioncolorChỉ định màu nền. Xem Giá trị màu CSS để biết list đầy đủ những giá trị màu hoàn toàn có thể có trong suốtDefault. Màu nền trong suốt (nội dung phía dưới sẽ tỏa sáng)initialĐặt thuộc tính này thành giá trị mặc định của nó. Đọc về khởi tạo Kế thừa thuộc tính này từ phần tử cha của nó. Đọc về thừa kếrõ ràng kỹ thuật
Giá trị mặc định. minh bạch Giá trị trả về. Một Chuỗi, đại diện cho màu nền Phiên bản CSS SS1Hỗ trợ trình duyệt
backgroundColor là một tính năng CSS1 (1996)
Nó được tương hỗ đầy đủ trong tất cả những trình duyệt
ChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCóThêm ví dụ
Ví dụ
Đặt màu nền của một rõ ràng
thành phần
tài liệu. getElementById("myDiv"). Phong cách. backgroundColor = "màu xanh nhạt";
Tự mình thử »Ví dụ
Trả lại màu nền của một rõ ràng
thành phần
để màu = tài liệu. getElementById("myDiv"). Phong cách. màu nền;
Tự mình thử »Ví dụ
Trả lại màu nền của tài liệu
để màu = tài liệu. thân thể. Phong cách. màu nền;
Tự mình thử »Bài đăng này đáp ứng cái nhìn sâu sắc để hướng dẫn bạn cách thay đổi màu nền bằng phương pháp nhấn nút HTML
Màu nền thay đổi bằng phương pháp nhấp vào nút trong JavaScript ra làm sao?
JavaScript đóng vai trò là chất xúc tác với HTML và CSS để đáp ứng giao diện tương tác cho trang web. Phần này trình bày mã JavaScript để quy đổi màu nền sau khi nhấp vào nút.
Cú pháp thay đổi màu nền trong JavaScript như sau.
cú pháp
tài liệu. getElementById('id').mẫu mã . màu nền = 'màu';
Cú pháp được mô tả là
- backgroundColor đại diện cho thuộc tính để thay đổi màu nềngetElementById chỉ định rằng bạn đọc và sửa đổi phần tử HTML cụ thểmàu biểu thị màu do người tiêu dùng xác định để hiển thị
Một ví dụ được đưa ra để quy đổi màu nền bằng phương pháp nhấn/nhấp vào nút
Mã số
html >
đầu >
style>
#DIV
width: 400px ;
độ cao . 300px ;
nền - màu . : xanh lục ;
màu . đen ;
. >
head>
body toàn thân>
h3>Example to change the background color with JavaScripth3>
div id="DIV">
h1>Welcome to JavaScript Worldh1>
div>
button onclick="colorFunction()">Press itbutton>
script>
function colorFunction()
document.getElementById("DIV").mẫu mã . màu nền = "cam";
script>
body toàn thân>
html>
Mã này được lý giải tại đây
- Div của tài liệu HTML cho màu nền có chiều rộng và độ cao lần lượt là 400px và 300pxSau đó, một thông báo được hiển thị với nội dung “Chào mừng đến với Thế giới JavaScript” trong phần được chỉ địnhMột nút HTML được đính kèm với một thẻ nút được link với phương thức colorFunction()Sử dụng phương pháp này, sắc tố được thay đổi sau khi nhấn nút “Nhấn nút”Sau khi sự kiện nhấp chuột của nút được gọi, màu sẽ thay đổi thành “cam”
Đầu ra trước khi nhấp vào nút
Ở đầu ra, màu xanh lục xuất hiện trong nền của văn bản “Chào mừng đến với Thế giới JavaScript”. Hơn nữa, một nút HTML “Nhấn nó” được đính kèm
Đầu ra sau khi nhấp vào nút
Khi nhấn nút, màu xanh lục sẽ chuyển sang màu cam như trong hình trên
Phần kết luận
Trong JavaScript, màu nền được thay đổi bằng phương pháp sử dụng thuộc tính tích hợp sẵn của đối tượng ngày tháng. Thuộc tính này hoàn toàn có thể được link với một sự kiện khi nhấp vào nút. Khi nhấp vào nút, màu nền sẽ được thay đổi. Đến đây bạn đã biết phương pháp thay đổi màu nền sau khi nhấp vào nút trong JavaScript
Làm cách nào để thay đổi màu nền onclick trong JavaScript?
Sử dụng Thuộc tính màu nền kiểu HTML DOM để thay đổi màu nền sau khi nhấp vào nút. Thuộc tính này được sử dụng để thiết lập màu nền của một phần tử.Làm cách nào để thay đổi màu nền trong JavaScript một cách linh hoạt?
Để đạt được điều này, bạn phải đặt --backcol trong hàm var làm giá trị của màu nền nội dung . var inputcolor = tài liệu. getElementById("favcolor"); . phần tử tài liệu; .Làm cách nào để thay đổi màu nền trong hàm JavaScript?
Để thay đổi màu nền bằng javascript, bạn hoàn toàn có thể áp dụng kiểu. nền hoặc phong cách. màu nền của thành phần bạn muốn thay đổi nền cho . Ví dụ dưới đây thay đổi màu nền của phần thân khi bạn nhấp vào một phần tử bằng phương pháp sử dụng kiểu.Làm cách nào để thay đổi màu nền của div trong JavaScript?
Thuộc tính màu nền kiểu . Đặt màu nền cho tài liệu. thân thể. Phong cách. . Set a background color of a specific element: getElementById("myDiv"). style. .. . Return the background color of a specific element: let color = document. .. . Trả lại màu nền của tài liệu. để màu = tài liệu Tải thêm tài liệu liên quan đến nội dung bài viết Onclick thay đổi màu nền JavaScript programming javascript