写一个点击后元素隐藏的js

当用户点击元素时，可以使用以下 JavaScript 代码隐藏该元素：

document.getElementById("elementId").style.display = "none";

其中，"elementId" 是要隐藏的元素的 ID。这将使元素在页面上消失，但仍然存在于 HTML 中。如果要完全从页面中删除元素，可以使用以下代码：

var element = document.getElementById("elementId");
element.parentNode.removeChild(element);

这将从页面中完全删除元素。

相关问题

写一个点击后元素隐藏的js再次点击恢复

元素的代码。

可以使用以下代码实现：

function toggleElement() {
  var element = document.getElementById("myElement");
  if (element.style.display === "none") {
    element.style.display = "block";
  } else {
    element.style.display = "none";
  }
}

document.getElementById("myButton").addEventListener("click", toggleElement);

其中，`myElement` 是需要隐藏和显示的元素的 ID，`myButton` 是触发隐藏和显示的按钮的 ID。当按钮被点击时，`toggleElement` 函数会被调用，根据元素当前的显示状态来切换其显示或隐藏。

js写一个搜索框点击显示和隐藏控件

好的，以下是一个简单的示例代码，用于实现点击搜索框时显示和隐藏控件：

HTML代码：

<input type="text" id="searchInput" placeholder="请输入关键字">
<div id="searchBar" style="display: none;">
    <button>搜索</button>
    <button>取消</button>
</div>

JavaScript代码：

var searchInput = document.getElementById("searchInput");
var searchBar = document.getElementById("searchBar");

searchInput.onclick = function() {
    searchBar.style.display = "block";
}

document.onclick = function(event) {
    if (event.target != searchInput && event.target != searchBar) {
        searchBar.style.display = "none";
    }
}

说明：

1. 首先获取搜索框和控件元素。

2. 当搜索框被点击时，显示控件。

3. 当页面其他区域被点击时，隐藏控件。

这只是一个简单的示例代码，您可以根据自己的需求进行修改和优化。