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

Using Javascript to hide an element or specific id in html

本文关键字：ID 元素 Javascript 隐藏 html 使用      更新时间：2023-09-26

你好，我想编写一个javascript函数，一旦用户点击该文本，它就会在我的html代码中隐藏一个元素/特定的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";
}

你必须将this作为参数传递给 javascript 函数：

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

this表示 HTML DOM 元素。

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

更改您的函数：

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

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

相关文章：