Javascript 我想使用document.getElementByID自动填充Web表单,但是每当我返回网站时,ID都会不断变化

Javascript 我想使用document.getElementByID自动填充Web表单,但是每当我返回网站时,ID都会不断变化,javascript,html,Javascript,Html,我正在通过google chrome中的书签使用javascript注入来自动填充网站上的字段。代码工作得很好,但当我回到网站时,书签不再工作了,因为ID已更改。我正在使用document.getElementby ID函数。它在id为静态的网站上运行良好,但在id为动态的网站上则不起作用 我怎样才能解决这个问题 这是代码,xxxx代表id javascript: (function () { function F1(ele, val) { if (document.

我正在通过google chrome中的书签使用javascript注入来自动填充网站上的字段。代码工作得很好,但当我回到网站时,书签不再工作了,因为ID已更改。我正在使用document.getElementby ID函数。它在id为静态的网站上运行良好,但在id为动态的网站上则不起作用 我怎样才能解决这个问题

这是代码,xxxx代表id

javascript: (function () { 
    function F1(ele, val) { 
        if (document.getElementById(ele) && val != "") { 
             document.getElementById(ele).value = val; 
        } 
    } 
    F1("xxxxx", "yyyyy"); 
})();

如果ID动态变化,我们可能必须解码其模式。如果表单字段很少,我可能建议使用占位符填充。
document.querySelector('[placeholder=“User Id”]')。value=1234
document.querySelector('[placeholder=“xxxxxx”]')。value='password'
等等

可能有一种方法可以根据元素在DOM中的位置唯一地标识元素,即使其ID发生了变化,也有可能找出HTML的示例