【问题标题】:Which command in javascript click on the button nome = "form: j_id15"?javascript中的哪个命令单击按钮name =“form:j_id15”?
【发布时间】:2021-04-12 15:24:14
【问题描述】:

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

我已经尝试过getElementIdgetElementName,但它们都不起作用。有谁知道如何做到这一点?

以下html页面的摘录:

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

【问题讨论】:

    标签: javascript html input submit onblur


    【解决方案1】:

    它是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()
    &lt;input type="submit" name="form: j_id15" value="Click me" class="btn btn-blue"&gt;

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

    【讨论】:

    • 表单的html代码已经有按钮,表单中的代码示例: 我正在尝试在 Chrome 控制台上运行 javascript 命令行,以通过命令自动单击,例如:document.getElementByName ("form: j_id15")。点击 ();要么 。提交;但是这个命令行在 Chrome 控制台上不起作用
    • 我刚刚更新了我的sn-p,你可以使用document.getElementsByName('form: j_id15')[0].click(),它应该可以正常工作。
    • 它现在工作了......非常感谢!愿上帝保佑你和你的家人
    • 太好了,谢谢。如果它解决了您的问题,您还可以通过单击复选标记accept the answer
    猜你喜欢
    • 1970-01-01
    • 2013-12-25
    • 2011-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多