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

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

javascript

Javascript 如何在隐藏和显示之间切换？,javascript,Javascript,我试图通过标记名来识别元素，但在使用javascript执行toggle属性时遇到了问题。也许我没有正确使用toggle（），请解释我做错了什么 <!DOCTYPE html> <html> <head> <style> h1{ position: relative; float:left } </style> <script> var x=document.getElementsByTagName("button"); v

我试图通过标记名来识别元素，但在使用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>


h1{
位置：相对位置；
浮动：左
}
var x=document.getElementsByTagName（“按钮”）；
var hello=document.getElementsByTagName（“h1”）；
x、 onclick=function（）{
你好，托奇(
函数（）{hello.style.visibility:visible}；
函数（）{hello.style.visibility:hidden}；
)
}
你好
在隐藏（）和显示（）之间切换

toggle（）

是一个显示隐藏元素的

jquery

函数，反之亦然

要使用它，您需要在

html

e、 g

什么是“切换”？函数无效，语法无效，

getElementsByTagName

返回元素列表

.toggle

是一个jquery函数。您需要将DOM元素包装到jquery对象中，才能使用jquery函数。我在这里看到的是什么……有人请格式化它。我在手机上，它正在播放，谢谢！我在你的函数前面添加了document.ready，它成功了！

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

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