單擊按鈕即可更改元素的類，並重命名按鈕名稱，反之亦然

Question

我需要你的幫助，

當我重新單擊按鈕“擴展”時，如何重新最小化（將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>

Answer 1

你可以做：

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";

Answer 2

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/

單擊按鈕即可更改元素的類，並重命名按鈕名稱，反之亦然

問題描述

2 個解決方案

解決方案1
0 已采納 2013-10-15 18:33:08

解決方案2
0 2013-10-15 18:37:41

單擊按鈕即可更改元素的類，並重命名按鈕名稱，反之亦然

問題描述

2 個解決方案

解決方案1 0 已采納 2013-10-15 18:33:08

解決方案2 0 2013-10-15 18:37:41

解決方案1
0 已采納 2013-10-15 18:33:08

解決方案2
0 2013-10-15 18:37:41