Javascript 如何使用getElementsByTagName检索提交按钮

我想使用

getElementsByTagName

获取提交按钮，但我一定是做错了什么

 <p id="ptag">Want to find out if this works</p>     

 <button>The Button</button>

 <form>
 First name: <input type="text" name="firstname"><br>
 Last name: <input type="text" name="lastname"><br>
 <input type="checkbox" name="yes" value="yes">A checkbox<br> 
 <input type="submit" value="Login">
 </form> 

我做错了什么

 function theOtherFunction(){

   document.getElementById("ptag").style.color = "blue";

 }

---

我在问题中添加了另一个函数（），因为我所做的所有小实验都是将

颜色改为蓝色。有了按钮，它就会保持蓝色。使用submit按钮，它会迅速变为蓝色，然后变回黑色。有什么区别？如何使用“提交”按钮保留更改

查看最后一行代码

document.getElementsByTagName（“输入”）[3]；。setAttribute（“onclick”，“theOtherFunction（）”

有一个,；您不希望在[3]之后立即到达那里。
希望这能有所帮助。
看看最后一行代码
文档。getElementsByTagName（“输入”）[3]；。setAttribute（“onclick”，“theOtherFunction（）”

有一个,；您不希望在[3]之后立即到达那里。
希望这有帮助。
jQuery在这里非常有用

$('input[type="submit"]')

这将允许您进行html更改，并支持使用率仍为1%的旧浏览器

你的第二个例子应该在没有；在队伍的中间。但是，并非所有浏览器都支持getElementsByTagName

不使用现成的库进行更新。

如果你是一个自己动手的人，他想自己动手

function getElementsByAttrib(attrib) {
    return document.querySelectorAll('[' + attrib + ']');
}
var elements = getElementsByAttrib('type="submit"');
MySubmit = elements[0]';

jQuery在这里变得非常有用

$('input[type="submit"]')

这将允许您进行html更改，并支持使用率仍为1%的旧浏览器

你的第二个例子应该在没有；在队伍的中间。但是，并非所有浏览器都支持getElementsByTagName

不使用现成的库进行更新。

如果你是一个自己动手的人，他想自己动手

function getElementsByAttrib(attrib) {
    return document.querySelectorAll('[' + attrib + ']');
}
var elements = getElementsByAttrib('type="submit"');
MySubmit = elements[0]';

使用getElementsByTagName来定位/检索特定的输入元素是不实际的

我们必须为正确的工作使用正确的工具，在这种情况下，查询选择器如下所示

var S=document.querySelectorAll('input[type=submit]');

S[0].style.background='red'; // do something to the first button

注意：上面的代码假设您只有一个提交按钮，或者您必须通过数组“S”循环以所有提交按钮为目标。
使用getElementsByTagName以特定输入元素为目标/检索特定输入元素是不切实际的

我们必须为正确的工作使用正确的工具，在这种情况下，查询选择器如下所示

var S=document.querySelectorAll('input[type=submit]');

S[0].style.background='red'; // do something to the first button

注意：上面的代码假设您只有一个提交按钮，或者您必须循环通过数组“S”以指向所有提交按钮。
语句中有一个分号。始终打开开发人员控制台以查看浏览器报告的错误！！语句中有一个分号。始终打开开发人员控制台以查看浏览器报告的错误！！为此加载一个巨大且不必要的库是计数器productive@PeeHaa这一点很重要，但jQuery通常可以方便地完成其dom遍历的签名功能以外的其他功能，JQuery并不是很理想。为它加载一个巨大的、不必要的库是一个非常困难的问题productive@PeeHaa这一点很重要，但jQuery通常可以方便地完成其dom遍历的签名功能以外的其他功能，JQuery并不是很理想。如果所讨论的元素位于另一个名称空间中，您是否知道如何执行该操作？目前我使用
document.getElementsByTagnames（'http://www.w3.org/1999/xhtml“，”button'）
检索它，但我似乎无法设置内容（innerHTML）。如果所讨论的元素位于另一个命名空间中，您是否知道如何进行设置？目前我使用
document.getElementsByTagnames（'http://www.w3.org/1999/xhtml“，”按钮“
检索，但我似乎无法设置内容（innerHTML）。