如何设置元素的占位符文本，我无法编辑HTML＆amp;有不断变化的身份证？

Question

<div class="wpp_search_attribute_wrap">
  <input type="text" id="wpp_search_element_3712"
         class="area wpp_input wpp_input wpp_searchable" 
         name="wpp_search[area]" value="" 
         placeholder="" />
</div>`

这是我无法编辑的wordpress小部件的HTML。我想将占位符文字添加到＆＃34;点击此处输入文字＆＃34;，但似乎没有CSS方式这样做。

我无法编辑HTML（这将是最佳解决方案！）但我可以添加CSS / Javascript。

我尝试在输入框下面添加一个元素，然后将输入框设置为透明，并在焦点上将下面的新元素设置为白色，这样它看似像常规占位符文本一样工作，但它＆＃39 ;不够可靠。

编辑：我还假设每个页面重新加载/访问者的ID都会更改以避免交叉搜索。有没有办法定位name="wpp_search[area]"，因为这在HTML中保持不变。

Answer 1

你尝试过类似的东西： document.getElementById("wpp_search_element_3712").placeholder = "click here to enter text";

Answer 2

JavaScript解决方案是使用：

document.getElementById("wpp_search_element_3712").placeholder = "Text Here";

更新：由于ID不一致，请使用getElementsByName("wpp_search[area]")[0]。