如何用JavaScript单击输入类型=“按钮”？

Question

有没有办法点击输入"type=button"？

我在输入行使用了Selector并收到以下错误：

VM6073：1未捕获的DOMException：无法在'Document'上执行'querySelector'：'＃d185940-3e8b-4d2d-6f08-077bb502c07f'不是有效的选择器。**

我的代码是：

const clickArea = document.querySelector('#\38 c3162aa-22f4-46d1-cf1c-29af7ad30dda')

const clickEvent = clickArea.querySelector('input').click()

<div id="8c3162aa-22f4-46d1-cf1c-29af7ad30dda" style="width:900px;height:40px;"><input type="button" id="3e6eda1c-fbb7-4202-ed3f-6090d0a3e465" value="다운로드" style="width:92px;height:30px;float:right;margin-right:10px;margin-top:5px; font-family:Malgun Gothic;font-size:12px;background:#FFFFFF;border-style:solid;border-width:1px;border-color:#4072CB;" class=""></div>

    <input type="button" id="3e6eda1c-fbb7-4202-ed3f-6090d0a3e465" value="다운로드" style="width:92px;height:30px;float:right;margin-right:10px;margin-top:5px; font-family:Malgun Gothic;font-size:12px;background:#FFFFFF;border-style:solid;border-width:1px;border-color:#4072CB;" class="">

它不起作用。

我怎样才能解决这个问题？

Answer 1

你正在调用错误的元素。

const btn = document.querySelector('button');

function showMessage() {
  alert('hello');
}

btn.addEventListener('click', showMessage);

btn.click()

<button>Click me</button>

Answer 2

您的查询选择器形成错误，当我将其更改为getElementById时它工作。不确定这是否完全是你想要的，但它是我根据你的问题得到的最好的。

const clickArea = document.getElementById('3e6eda1c-fbb7-4202-ed3f-6090d0a3e465');

clickArea.click();

Answer 3

你可以这样改变

const clickArea = document.querySelector('div[id="8c3162aa-22f4-46d1-cf1c-29af7ad30dda"]')

const clickEvent = clickArea.querySelector('input').click()

<div id="8c3162aa-22f4-46d1-cf1c-29af7ad30dda" style="width:900px;height:40px;"><input type="button" id="3e6eda1c-fbb7-4202-ed3f-6090d0a3e465" value="다운로드" style="width:92px;height:30px;float:right;margin-right:10px;margin-top:5px; font-family:Malgun Gothic;font-size:12px;background:#FFFFFF;border-style:solid;border-width:1px;border-color:#4072CB;" class=""></div>

<input type="button" id="3e6eda1c-fbb7-4202-ed3f-6090d0a3e465" value="다운로드" style="width:92px;height:30px;float:right;margin-right:10px;margin-top:5px; font-family:Malgun Gothic;font-size:12px;background:#FFFFFF;border-style:solid;border-width:1px;border-color:#4072CB;" class="">

Answer 4

您可以使用双反斜杠来转义前导数字：

const clickArea = document.querySelector('#\\38 c3162aa-22f4-46d1-cf1c-29af7ad30dda')
 
clickArea.querySelector('input').click()

<div id="8c3162aa-22f4-46d1-cf1c-29af7ad30dda" style="width:900px;height:40px;"><input type="button" id="3e6eda1c-fbb7-4202-ed3f-6090d0a3e465" value="다운로드" style="width:92px;height:30px;float:right;margin-right:10px;margin-top:5px; font-family:Malgun Gothic;font-size:12px;background:#FFFFFF;border-style:solid;border-width:1px;border-color:#4072CB;" class=""></div>

<input type="button" id="3e6eda1c-fbb7-4202-ed3f-6090d0a3e465" value="다운로드" style="width:92px;height:30px;float:right;margin-right:10px;margin-top:5px; font-family:Malgun Gothic;font-size:12px;background:#FFFFFF;border-style:solid;border-width:1px;border-color:#4072CB;" class="">