Ví dụ:
<div id="basic">Nội dung</div>
<script>
// định chiều cao
document.getElementById('basic').style.height = '50px';
// định background color
document.getElementById('basic').style.backgroundColor = 'yello';
</script>
Để truy xuất 1 thuộc tính xxx của style của 1 phần tử có id là id ta thực hiện:
document.getElementById(id).style.xxx = value;
Chú ý sự tương quan giữa CSS và javascript:
- thuộc tính có dạng: xx chỉ có 1 từ, như height,width,...) thì javascript để lấy thuộc tính này là: xxx
-
thuộc tính có dạng: xxx-xxx ( hơn 1 từ,như z-index,background-color..)
thì javascript để lấy thuộc tính này là: xxxXxx ( ví dụ:
zIndex,bacgroundColor,...)
Theo phpbasic
|
