Các phương pháp DOM như document.getElementById()
tạo đối tượng trỏ đến- và chứa một số chi tiết nhất định về một HTMLElement hoặc tập hợp các phần tử được chỉ định.
Rất tiếc, thuộc tính .style
chỉ biết về các thuộc tính kiểu được đặt bằng cùng một tính năng đó. Trong ví dụ bên dưới, nhấp vào what color?
sẽ không hoạt động cho đến khi bạn đã nhấp vào change color
.
<html>
<head>
<script>
function whatColor() {
var d = document.getElementById('ddd');
alert(d.style.backgroundColor);
}
function changeColor() {
var d = document.getElementById('ddd');
d.style.backgroundColor='orange';
}
</script>
<style>
#ddd {
background-color:gray;
}
</style>
</head>
<body>
<input type="button" onclick="whatColor();" value="what color?" />
<input type="button" onclick="changeColor();" value="change color" />
<div id="ddd"> </div>
</body>
</html>
tôi khuyên bạn nên đọc trang lớn PKK về getComputedStyle và currentStyle (IE, tất nhiên là khác nhau) http://www.quirksmode.org/dom/getstyles.html
Vào cuối của hướng dẫn, có một chức năng rất phong nha cho mục đích của bạn, mặc dù khuôn khổ như vậy như jQuery cung cấp các chức năng mạnh mẽ cho các yếu tố tạo kiểu trang &: http://api.jquery.com/css/
Nguồn
2011-07-14 05:50:17
Cảm ơn bạn đã làm cho nó rõ ràng .style chỉ biết về các giá trị được đặt. Tôi nghĩ rằng điều jquery là những gì tôi đang tìm kiếm. – ShrimpCrackers