Javascript 函數來單擊用多個類定義的元素

Question

我試圖單擊一個按鈕，但唯一定義它的是多個類。 我要點擊的元素是

<div class="U26fgb XHsn7e obPDgb M9Bg4d">This is a button </div>

我將如何使用Javascript單擊它？

Answer 1

只要它是具有該類組合的唯一<div>元素，您就可以使用.querySelector() ，它接受任何有效的 CSS 選擇器作為參數，這樣您就可以像在 CSS 中一樣選擇 JavaScript 中的元素：

 // Scan the document for the <div> that has the required classes let theDiv = document.querySelector("div.U26fgb.XHsn7e.obPDgb.M9Bg4d"); // Set up a click event handling function theDiv.addEventListener("click", function(){ console.log("you clicked me"); }); // Trigger the click event of the <div> theDiv.click();

 <div class="U26fgb XHsn7e obPDgb M9Bg4d">Click Me</div>

僅供參考：您應該改掉在 HTML 中<和>分隔符內部放置空格的習慣。 用這個：

<div class="U26fgb XHsn7e obPDgb M9Bg4d">Click Me</div>

不是這個：

< div class="U26fgb XHsn7e obPDgb M9Bg4d" >Click Me< /div >

Answer 2

使用 jQuery 非常簡單：

$(".U26fgb.XHsn7e.obPDgb.M9Bg4d").click(function(){
  console.log("clicked!");
}); 

Answer 3

const div = document.querySelector('div .M9Bg4d');
div.addEventListener("click", ()=> {
 // here put what you wanna do after clicking the div.

});

Answer 4

onclick屬性在幾乎所有html標簽中都能很好地工作，這里是單擊 div 並獲得結果的簡單解決方案。 祝一切順利！

 function clickDiv(){ console.log("Div is Clicked"); }

 <div class="U26fgb XHsn7e obPDgb M9Bg4d" onclick="clickDiv()">This is a button </div>