天天看點

html按鈕點選改變顔色代碼,點選按鈕不能改變顔色

javascript

body{font-size:12px;}

#txt{

height:400px;

width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

JavaScript課程

JavaScript為網頁添加動态效果并實作與使用者互動的功能。

1. JavaScript入門篇,讓不懂JS的你,快速了解JS。

2. JavaScript進階篇,讓你掌握JS的基礎文法、函數、數組、事件、内置對象、BOM浏覽器、DOM操作。

3. 學完以上兩門基礎課後,在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正規表達式、ajax等課程。

//定義"改變顔色"的函數

var myc=document.getElementById("con");

var mycc=document.getElementById("txt");

//定義"改變寬高"的函數

function e(){

mycc.style.color="red";

mycc.style.backgroundColor="#ccc";

}

//定義"隐藏内容"的函數

function b(){

mycc.style.width="400";

mycc.style.height="200";

}

//定義"顯示内容"的函數

function g(){

myacc.style.display="none";

}

//定義"取消設定"的函數

function n(){

myacc.style.display="block";

}

function b(){

var message=confirm();

if(message==true){

txt.removeAttribute('style');

}