書簽來替換隨機名稱輸入字段的輸入值

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