使用Javascript在html中隐藏元素或特定id
您好,我想编写一个javascript函数,一旦用户单击该文本,它就会在我的html代码中隐藏一个元素/specfic id。我现在拥有的不是隐藏html。我不太擅长javascript,所以非常感谢您的帮助 我的html有哪些内容:使用Javascript在html中隐藏元素或特定id,javascript,html,Javascript,Html,您好,我想编写一个javascript函数,一旦用户单击该文本,它就会在我的html代码中隐藏一个元素/specfic id。我现在拥有的不是隐藏html。我不太擅长javascript,所以非常感谢您的帮助 我的html有哪些内容: <head> <script type="text/javascript" src="hide.js"></script> </head> <h1 onclick = "hide(this)">[Nam
<head> <script type="text/javascript" src="hide.js"></script> </head>
<h1 onclick = "hide(this)">[Name]</h1>
您必须将此作为参数传递给javascript函数:
<h1 onclick = "hide(this)">[Name]</h1>
[Name]
更改您的功能:
function hide (el) {
el.style.visibility = "hidden";
}
hide = function(el) {
el.style.visibility = "hidden";
}
您可以在此处进行测试:您没有将
el
传递给函数onclick=“hide(this)”
应该做这个把戏。现在怎么办?你已经根据评论/答案编辑了问题,或者修复了它以符合你的真实代码?不,对不起,在你发表评论之前我编辑了问题,这是我的错,但它仍然不起作用。在我检查这个问题的评论/答案之前,我意识到了这个错误你的代码。。。?有什么我们没有看到的吗?(与编辑的混淆可能是由我的蠕虫度连接引起的;)好的,谢谢!现在我至少看到这个函数确实起作用了,我将进一步研究它。必须是我的javascript文件没有正确链接到我的html文件吗?将函数更改为什么?答案中的版本是OP中函数的精确副本。将函数指定给变量不会改变任何东西。请注意,我在注释中链接的fiddle使用的是函数声明,它工作得很好。您需要像编写变量赋值一样编写函数。原来的示例不起作用:您在小提琴中设置了“onDomready
”。OP的脚本位于头中,对应于jsFiddle中的“无换行”
。你可能想读书。