我有一个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/

10-07 19:26
查看更多