我有一个JavaScript函数,用于增加和减少div的高度。
这是代码
function chk()
{
var node = document.getElementById('content');
node.classList.toggle('expand');
}
使用此
HTML
代码:<div id="hite">
<div id = "content">
This is dummy text.
</div>
<div id="button" onclick="chk()">
click to read
</div>
</div>
我希望文本在
button
div中更改,一旦用户单击它,然后再次单击它,则文本应再次为“单击以阅读”。 最佳答案
尝试添加以下内容:
document.getElementById('button').innerHTML = node.classList.contains('expand')? 'hide':'click to read';
http://jsfiddle.net/rooseve/Bup8u/