javascript - 更改搜索表单占位符文本

Question

我需要使用 JavaScript 更改搜索表单占位符文本。

我有一个 ID 为 #mega-menu-item-search-6 的大型菜单搜索项。在它的内部，我有一个带有类 .mk-searchform 和 id #searchform 的搜索表单。

我写了这个，但它不起作用。

document.getElementById("mega-menu-item-search-6").attr("placeholder", "Search product");

Answer 1

使用.setAttribute()

document.getElementById("mega-menu-item-search-6").setAttribute("placeholder", "Search product");

<form class="mk-searchform" id="searchform">
  <input type="text" id="mega-menu-item-search-6">
</form>