寫的不好僅供參考
?var myid = document.getElementById('con');
? ?var myid1 = document.getElementById('txt');
//定義"改變顏色"的函數(shù)
? ? function myColor(){
? ? ? ?myid.style.color ='blue';??
? ? ? ?myid.style.backgroundColor = 'red';
? ? };
//定義"改變寬高"的函數(shù)
? ? function myWidth(){
? ? ? ?myid1.style.width = '300px';?
? ? };
//定義"隱藏內(nèi)容"的函數(shù)
? ? function mynoneContent(){
? ? ? ?myid.style.display = 'none';? ?
? ? };
//定義"顯示內(nèi)容"的函數(shù)
? ? function myblockContent(){
? ? ? ? myid.style.display ='block';??
? ? };
//定義"取消設(shè)置"的函數(shù)
? ? function myconfirm(){
? ? ? ?var my = confirm('是否取消所有操作？')
? ? ? ?if(my == true){
? ? ? ? ? ?
? ? ? ? ? ? myid.removeAttribute("style");; //取消顏色?
? ? ? ? ? ? //myid.style.backgroundColor = '';//去向背景顏色
? ? ? ? ? ? myid1.removeAttribute("style");;//取消寬度
? ? ? ? ? ? //myid.style.display = 'block';//取消影藏?
? ? ? ?}else{
? ? ? ? ? ?alert('什么都沒有改變')
? ? ? ?}
? ? };
2020-07-11
因為reset()是系統(tǒng)默認(rèn)方法，所以方法名改成clean就成功了。
2020-06-02
點(diǎn)擊取消設(shè)置，沒有任何反應(yīng)？
2020-06-02
我用你的方式怎么不對呢？
<form>
? ? <input type="button" value="改變顏色" onclick="changeColor()">
? ? <input type="button" value="改變寬高" onclick="changeHeight()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hide()" >
? ? <input type="button" value="顯示內(nèi)容" onclick="show()" >
? ? <input type="button" value="取消設(shè)置" onclick="reset()" >
</form>
<script type="text/javascript">
? ? var title = document.getElementById("con")
? ? var txt = document.getElementById("txt")
? ? function changeColor(){
? ? ? ? title.style = "color:red;";
? ? }
? ? function changeHeight(){
? ? ? ? txt.style = "height: 300px; width: 400px;"
? ? }
? ? function hide(){
? ? ? ? title.style = "display: none;"
? ? }
? ? function show(){
? ? ? ? title.style = "display: block;"
? ? }
? ? function reset(){
? ? ? ? var res = window.confirm("是否重置樣式");
? ? ? ? if(res == true){
? ? ? ? ? ? title.removeAttribute("style");?
? ? ? ? ? ? txt.removeAttribute("style");
? ? ? ?}else{
? ? ? ? ? ?alert('什么都沒有改變')
? ? ? ?}
? ? }
</script>