文章/答案/技术大牛

发布

社区首页 >问答首页 >单击按钮更改元素的类并重命名按钮名称，反之亦然

问单击按钮更改元素的类并重命名按钮名称，反之亦然
EN

Stack Overflow用户

提问于 2013-10-15 18:28:44

回答 2查看 54关注 0票数 0

我需要你的帮助,

当我重新单击“展开”按钮时，如何重新最小化(将textarea的类设置为正常)

我可以让它起作用，但不是相反的。

这是我的HTML + Javascript

<!DOCTYPE html>

<html>

<head>

<style type="text/css">
.normal {
    width: 400px;
    height: 25px;

}
.expand {
    height: 400px;
    width: 400px;
}
</style>

<script type="text/javascript">
function expand() {

document.getElementById('subject_area').className = "expand"

document.getElementById('expand').value = "minimize"


}
</script>

</head>

<body>
<input class="normal" id="subject_area" type="textarea" >
<input id="expand" type="button" value="expand" onclick="expand()">
</body>

</html>

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-15 18:33:08

你可以：

var subject = document.getElementById('subject_area');
var btnExpand = document.getElementById('expand');
subject.className == "expand" ? subject.className = "normal" : subject.className = "expand";
btnExpand.value == "minimize" ? btnExpand.value = "expand" : btnExpand.value = "minimize";

票数 0

Stack Overflow用户

发布于 2013-10-15 18:37:41

var subject = document.getElementById('subject_area');
var button = document.getElementById('expand');

function expand() {
    if (subject.className === 'normal') {
        subject.className = 'expand';
        button.value = 'minimize';
    } else {
        subject.className = 'normal';
        button.value = 'expand';
    }
}

小提琴：http://jsfiddle.net/ToddT/aPqgh/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19388471

复制

相似问题

问单击按钮更改元素的类并重命名按钮名称，反之亦然
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击按钮更改元素的类并重命名按钮名称，反之亦然EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击按钮更改元素的类并重命名按钮名称，反之亦然
EN