我需要替换此输入字段中的占位符

Question

我正在尝试替换这个占位符，上面写着"搜索..."到别的东西。问题是 - 输入暂时没有加载，我不知道如何检测输入何时加载。这是页面链接，因此您可以看到其加载方式 https://asahouston.org/membership/member-directory/

这是我尝试过的，但它似乎没有检测到输入字段。

<script type="text/javascript">
document.addEventListener("load", function(){
document.getElementsByClassName(".SFfndtag input[type=text]").placeholder = "Search for Company Name...";
}
</script>

我尝试了其他一些事情，但我缺乏JavaScript技能。我将不胜感激您能够提供的任何帮助。谢谢！

Answer 1

尝试更改

document.addEvenlistener('load'...

自

window.adEventListener('load'...

窗口加载

默认情况下，当整个页面加载时，包括其内容(图像、css、脚本等(时，将触发它。在某些浏览器中，它现在接管了document.onload的角色，并在DOM准备就绪时触发。

document.onload

当 DOM 准备就绪时调用它，它可以在加载图像和其他外部内容之前调用。

---编辑---

绝对不是最优雅的，但这应该可以解决问题。

var changePlaceholderInterval = setInterval(function () {changePlaceholder()}, 100);
function changePlaceholder() {
if(document.querySelector('.SFfndtag input')){
document.querySelector('.SFfndtag input').placeholder = "Search for Company Name...";
window.clearInterval(changePlaceholderInterval);
}
}

Answer 2

使用 attr for JQuery 或 setAttribute for Javascript：

杰奎里

$('.SFfndtag').attr("placeholder", "Search for Company Name...");

爪哇语

document.getElementsByClassName("SFfndtag").setAttribute("placeholder","Search for Company Name..."); 

希望它对你有帮助。