顯示和隱藏(display屬性)
網頁中經常會看到顯示和隱藏的效果,可通過display屬性來設置。
語法:
Object.style.display = value
注意:Object是獲取的元素對象,如通過document.getElementById("id")獲取的元素。
value取值:
看看下面代碼:
網頁中經常會看到顯示和隱藏的效果,可通過display屬性來設置。
語法:
Object.style.display = value
注意:Object是獲取的元素對象,如通過document.getElementById("id")獲取的元素。
value取值:
看看下面代碼:
2015-05-27
<script type="text/javascript">
function add(){
document.getElementById("p1").className="one";
}
function modify(){
document.getElementById("p2").className="two";
}
</script>
function add(){
document.getElementById("p1").className="one";
}
function modify(){
document.getElementById("p2").className="two";
}
</script>
2015-05-27
<input type="button"onclick="gbys()" value="改變顏色" >
<input type="button"onclick="gbkg()" value="改變寬高" >
<input type="button"onclick="ycnr()" value="隱藏內容" >
<input type="button"onclick="xsnr()" value="顯示內容" >
<input type="button"onclick="qxsz()" value="取消設置" >
<input type="button"onclick="gbkg()" value="改變寬高" >
<input type="button"onclick="ycnr()" value="隱藏內容" >
<input type="button"onclick="xsnr()" value="顯示內容" >
<input type="button"onclick="qxsz()" value="取消設置" >
className 屬性設置或返回元素的class 屬性。語法:object.className = classname
作用:
1.獲取元素的class 屬性
2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀
通過函數的調用來實現:先獲取元素對象,再修改class.
作用:
1.獲取元素的class 屬性
2. 為網頁內的某個元素指定一個css樣式來更改該元素的外觀
通過函數的調用來實現:先獲取元素對象,再修改class.
2015-05-24