Tôi có mã thật này:
window.onscroll = function[] {
if[document.body.scrollTop == 0] {
$['#main-header'].css['background-color', 'red'];
}
}
Trong trang này: //temporal-1.d246.dinaserver.com/
Tôi chỉ cần thay đổi màu nền của phần tử:
Click Me!
Hãy tự mình thử »
Sử dụng các sự kiện
HTML DOM cho phép bạn thực thi mã khi xảy ra sự kiện.
Các sự kiện được tạo bởi trình duyệt khi "mọi thứ xảy ra" với các phần tử HTML:
Một phần tử được nhấp vào
Trang đã tải
Exercise:
Các trường đầu vào được thay đổi
document.getElementById["demo"] = "red";
Bạn sẽ tìm hiểu thêm về các sự kiện trong chương tiếp theo của hướng dẫn này.
Bạn có thể đặt bất kỳ kiểu nào thành thẻ HTML bằng JavaScript không?
HTML DOM cho phép JavaScript thay đổi kiểu của các phần tử HTML..
Các yếu tố kiểu Dom có thể không?
Kiểu dáng DOM trong JavaScript Bạn có thể đặt gần như tất cả các kiểu cho các yếu tố như phông chữ, màu sắc, lề, đường viền, hình ảnh nền, căn chỉnh văn bản, chiều rộng và chiều cao, vị trí, v.v.Trong phần sau, chúng tôi sẽ thảo luận về các phương pháp khác nhau để thiết lập các kiểu trong JavaScript.You can set almost all the styles for the elements like, fonts, colors, margins, borders, background images, text alignment, width and height, position, and so on. In the following section we'll discuss the various methods of setting styles in JavaScript.
Tôi có thể viết CSS trong JavaScript không?
CSS-in-JS khác với các kiểu nội tuyến.Chúng tôi vẫn viết tất cả các CSS của chúng tôi trong JavaScript, nhưng thay vì chuyển nó sang thuộc tính kiểu, chúng tôi lấy các kiểu đó và đưa một chuỗi CSS thực tế vào một thẻ vào DOM.We still write all our CSS in JavaScript, but instead of passing it to the style attribute, we take those styles and inject an actual string of CSS in a tag into the DOM.
Làm thế nào các phong cách của một yếu tố có thể được sửa đổi?
Một cách khác để thay đổi phong cách của một yếu tố là thay đổi thuộc tính lớp của nó.Lớp là một từ dành riêng trong JavaScript, vì vậy để truy cập lớp của phần tử, bạn sử dụng phần tử.tên lớp .changing its class attribute. class is a reserved word in JavaScript, so in order to access the element's class, you use element. className .