關鍵詞(keyword): onClick 、this

程式：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>59 - JavaScript 基本類 使用onClick、this綜合綀習應用之1</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
.mybuttonClass{
font-size:20px;
background-color:#ff2277;
}
.test{
font-size:30px;
font-style:inherit;
background-color:#778877;
}
</style>
<script type="text/javascript">
function myMsg(myObj){
alert("onclick 為: " + myObj.onclick);
myMsg2(myObj);
}

function myMsg2(myObj){
myObj.className="test";
alert("className 為: " + myObj.className);
}
</script>
</head>
<body>
<input type="button" id="myButtonId" name="mybuttonName" class="mybuttonClass" value="送出" onclick="myMsg(this)">
</body>
</html>
結果：
第一次按下 送出

 第二次按下 送出

 




 






 















其它文章


arrow
arrow
    文章標籤
    javascript onclick 程式 this 用法 測試 目錄 送出 type
    全站熱搜
    創作者介紹
    創作者 PG Levin Li 的頭像
    PG Levin Li

    程式開發學習之路

    PG Levin Li 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄