Javascript 如何设置元素的占位符文本I can'；t编辑HTML&；你的身份证在变吗？ `

这是我无法编辑的wordpress小部件的HTML。我想将占位符文本添加到“单击此处输入文本”中，但似乎没有CSS的方法

我不能编辑HTML（这将是最好的解决方案！），但我可以添加CSS/Javascript

我尝试在输入框下面添加一个元素，然后将输入框设置为透明，并将下面的新元素设置为白色，因此它看起来像一个普通的占位符文本，但不够可靠

---

编辑：我认为每个页面上的ID都会发生变化，以避免交叉搜索。有没有一种方法可以针对

name=“wpp_search[area]”

，因为这在HTML中保持不变。

您是否尝试过类似的方法：

---

document.getElementById（“wpp\U搜索\U元素\U 3712”）.placeholder=“单击此处输入文本”
JavaScript解决方案将使用：

<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>`

更新：由于ID不一致，请使用
getElementsByName（“wpp_搜索[区域]”）[0]
为什么不能编辑HTML？你还有什么其他工具（JavaScript等）？HTML在wordpress小部件中，我无法编辑它，因为每次插件更新都会破坏它。我可以使用javascript或css，或者在wordpress插件周围添加html，如果有帮助的话？你是在寻求一种不编辑html的方式来编辑html。这是有问题的，所以一个解决方案是将更改请求提交给小部件维护者。或者，您可以分叉小部件并使用您自己的版本。最后，您可以使用JavaScript修改占位符值，就像修改任何其他元素属性一样。我不是JavaScript爱好者，如何使用JavaScript修改占位符值？感谢我在查看
$（'#element1_id'）.attr（'placeholder'，'somenewtext 1'）但YRU解决方案更有意义！因此，每次加载页面时ID都会发生变化，它可能是
wpp\u search\u element\u 1234
，但每次重新加载页面时
1234
都是一个不同的数字字符串。我可以使用
getElementByName
吗？还是javascript中不存在这种功能？这是一个非常接近的猜测！我已经更新了代码来解决这个问题。谢谢你的帮助。我终于成功了！我不得不在页脚中添加javascript，因为在页眉中添加javascript是行不通的，因为小部件还没有写出它的代码！facepalmI尝试过，但每次页面重新加载ID时，
3712
末尾的4个数字都是随机的。@GT22然后尝试getElementsByName（“wpp_搜索[区域]”）；
document.getElementById("wpp_search_element_3712").placeholder = "Text Here";