Question

我正在尝试按标记名称标识元素，但是使用javascript执行toggle属性时遇到问题。也许我没有正确使用toggle（），请解释我做错了什么。

<!DOCTYPE html>
<html>
<head>
<style>
h1{
position: relative;
float:left
}
</style>
<script>
var x=document.getElementsByTagName("button");
var hello=document.getElementsByTagName("h1");
x.onclick=function(){
hello.toggle(
function(){hello.style.visibility:visible};
function(){hello.style.visibility:hidden};
)
}
</script>
</head>
<body>
<h1>hello</h1>
<button>Toggle between hide() and show()</button>

</body>
</html>

Answer 1

toggle()是一个显示隐藏元素的jquery函数，反之亦然。

要使用它，您需要在jquery

中添加html

e.g。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

然后使用jquery，您可以向按钮添加事件侦听器：

$('button').click(function() {
    $('h1').toggle();
});

如何在隐藏和显示之间切换？

1 个答案: