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

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
});