修改HTML输入表单格式

Wil*_*lDo 1 html javascript dom

我使用网络爬虫功能下载一些网页,其中包含一些来自功能的输入,喜欢:

<input type="text" name="LSTNAM" size="20" maxlength="35">
<input type="text" name="FSTNAM" size="20" maxlength="35">
Run Code Online (Sandbox Code Playgroud)

在这里,我想知道我是否可以使用一些JS方法查找所有""input type ="text"",并修改这些表单而不是手动逐个修改它们.这是我想要实现的目标:

<input type="text" name="LSTNAM" size="20" maxlength="35"     onclick="shwinputtypetext(this);">
<input type="text" name="FSTNAM" size="20" maxlength="35" onclick="shwinputtypetext(this);">
Run Code Online (Sandbox Code Playgroud)

Mul*_*er0 5

使用此代码:

let inputs = document.querySelectorAll("input[type=text]");
for(let i = 0; i < inputs.length; i++) {
    inputs[i].onclick = function() {
        shwinputtypetext(this);
    }
}
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请参阅MDN的文档document.querySelectorAll().

  • +1不使用jQuery,其中vanilla js绰绰有余! (3认同)