点击按钮更换文字及样式

最新推荐文章于 2023-02-21 16:05:25 发布

辛苦的码农20200609

最新推荐文章于 2023-02-21 16:05:25 发布

阅读量1.2k

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h2bbajbjbbaa.html

版权

前端专栏收录该内容

785 篇文章 4 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style type="text/css">
.class1{
    color:red
}
.class2{
    color:blue
}
</style>
</head>
<body>
<input type="button" class="class1" value="点我" id="a1">
<script type="text/javascript">
window.onload = function(){
    var obj = document.getElementById("a1");
    obj.onclick = function(){
        obj.className = (obj.className == "class1"?"class2":"class1");
        obj.value = (obj.value == "点我"?"我被点了":"点我");
    }
}
</script>
</body>
</html>