javascript 中的哪个命令单击按钮 nome = "form: j_id15"？

编程问答 2022-05-31

问题描述

我应该在 JavaScript 中使用哪个函数来获取带有 name = "form: j_id15" 的按钮？

我已经尝试过 getElementId、getElementName，但它们都不起作用。有没有人知道如何做到这一点？

摘自以下html页面：

<input 
  type = "submit" 
  name = "form: j_id15" 
  value = "" 
  onblur = "return validarCPFCNPJ (this);" 
  class = "btn btn-blue"
>

解决方法

是getElementsByName。 "Elements"，复数，因为您可以有多个同名元素。它返回一个 NodeList，一个类似节点集合的数组。如果要获取具有该名称的第一个元素，则需要访问第零个索引处的元素：

const button = document.getElementsByName('form: j_id15')[0]

button.addEventListener('click',(event) => {
  console.log('submit button clicked')
})

// you can use the click() method
button.click()
// or
document.getElementsByName('form: j_id15')[0].click()
<input type="submit" name="form: j_id15" value="Click me" class="btn btn-blue">

PS：如果它在表单中，您可能应该订阅表单的 submit 事件，而不是按钮点击。

htmlinputjavascriptonblursubmit