click()使用觸發事件document.querySelector()不起作用，但從click()控制臺觸發 CSS 事件作業正常，如下所示：
$0.click(); // Works Ok
$0 指的是相同的元素 document.querySelector()
const element = document.querySelector('.red')
element.click(); // Not Works
element：
<span color="foreground" class="red">Red</span>
$0：
<span color="foreground" class="red">Red</span>
如何使用 來單擊元素document.querySelector()？
uj5u.com熱心網友回復：
它有效嗎？
首先請注意，$0.click()控制臺中的觸發不是CSS而是Javascript。
此外，使用 querySelector 呼叫您的元素然后觸發 click 方法作業正常。這是一個基本示例：
setInterval(() => {
document.querySelector('.red').click()
}, 1000)<span class="red" onclick="console.log('clicked')">Text in a span</span>為什么會失敗
您可能會遇到不同的情況，其中您的代碼無法按預期作業。
1- 您可以在頁面加載完成之前呼叫您的腳本。在這種情況下，對 document.querySelector 的參考將找不到該元素，并回傳 null 而不是該元素。但是當發生這種情況時，我們會在控制臺中收到錯誤訊息。
2- 您的頁面中有幾個元素屬于“紅色”類。然后，您可能正在單擊另一個元素。在這種情況下，控制臺中不會顯示任何內容。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/361729.html
標籤：javascript