用于替换随机名称输入字段的输入值的书签

Question

我想创建一个书签来替换网页上每个输入字段的所有值。它们有很多，但可以根据它们的名称分为两类。

例子：

<input class="Class1" name="ABC_randomnumbers" value="randomnumber" type="text">
<input class="Class1" name="DEF_randomnumbers" value="randomnumber" type="text">

名称以 ABC 开头的输入字段将接收值 X，名称以 DEF 开头的输入字段将接收值 Y。 我试过了

javascript:document.body.innerHTML=document.body.innerHTML.replace(/input class="Class1" name="ABC_(\d+)" value="\d+"/g,'input class="Class1" name="ABC_$1" value="X"'); document.body.innerHTML=document.body.innerHTML.replace(/input class="Class1 name="DEF_(\d+)" value="\d+"/g,'input class="Class1" name="DEF_$1" value="Y"');

替换所有出现在 HTML 中的这些字符串，但它会弄乱整个页面，例如它会删除标记的内容。 我读过一些关于 getElementsByName 的内容，但它们的名称不同，我无法使用 getElementsByName 进行正则表达式。

Answer 1

我会避免以这种方式编辑基本 HTML。更好的选择是使用 Javascript 代码编辑页面。我在下面提供了一个示例：

var allInputs = document.getElementsByTagName("input");

for (var i = 0; i < allInputs.length; i++) {
    if(allInputs[i].name.startsWith("ABC_")) {
        //Do Logic here
    }

    //Other cases here
}

下面提供的简写版本：

Array.from(document.getElementsByTagName("input")).forEach(function(input) {
    if(input.name.startsWith("ABC_")) {
        //Do Logic here
    }

    //Other cases here
});