使用Javascript隐藏html中的元素或特定ID

时间:2014-12-12 19:36:08

标签: javascript html

你好我想编写一个javascript函数,一旦用户点击该文本,它就会在我的html代码中隐藏元素/ specfic id。我现在所拥有的并不是隐藏html。我不是很擅长JavaScript,所以我感谢任何帮助

我的html:

<head> <script type="text/javascript" src="hide.js"></script> </head>

<h1 onclick = "hide(this)">[Name]</h1> 

我的javascript功能:

function hide (el) {
    el.style.visibility = "hidden";
}

2 个答案:

答案 0 :(得分:1)

您必须将this作为参数传递给javascript函数:

<h1 onclick = "hide(this)">[Name]</h1> 

this表示HTML DOM元素。

&#13;
&#13;
function hide(el) {
  el.style.visibility = "hidden";
}
&#13;
<h1 onclick="hide(this)">[Name]</h1> 
&#13;
&#13;
&#13;

答案 1 :(得分:0)

改变你的职能:

hide = function(el) {
   el.style.visibility = "hidden";
}

您可以在此处测试:http://jsfiddle.net/wzte1ru9/5/