Question

是否可以单击输入"type=button"？

我在输入行中使用了选择器，并收到以下错误：

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="">

如何使用JavaScript单击输入type =“ button”？

4 个答案: