如果我可以使用 jQuery,这会容易得多,但出于某些原因我试图避免这样做。同时,我已经让一些脚本可以工作 - 并且我正在尝试添加函数来根据 div 的状态切换按钮文本。
<script type="text/javascript">
function toggleMe(a){
var e = document.getElementById(a);
if(!e) return true;
if(e.style.display == "none") {
e.style.display = "block"
} else {
e.style.display = "none"
}
return true;
}
</script>
该脚本与我当前的按钮配合得很好:
<input type="button" onclick="return toggleMe('para0')" value="Expanse"><br>
<div id="para0">TEST TEXT</div>
尝试让文本与 div 可见性状态切换。我见过的大多数答案都是使用 jQuery,而我将脚本放入的上下文使表单成为不可选项。
最佳答案
看看这是否有帮助:
HTML:
<button id="toggle">Toggle</button>
<div id="text">Lorem ipsum dolor sit amet.</div>
JavaScript:
var button = document.getElementById('toggle'),
text = document.getElementById('text');
button.onclick = function() {
var isHidden = text.style.display == 'none';
text.style.display = isHidden ? 'block' : 'none';
};
关于Javascript 切换按钮,可更改 div 可见性并切换按钮文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14085979/