Jquery的click()工作与z document.getElementById

Question

需要将用jquery编写的代码重写为js。我的网站上只有很少的js代码，我认为没有理由包括一个库，如jquery。

This works (Jquery):

$('#prime').click(function() {
myFuction();
});
function myFunction() {
$('.prime').toggleClass('fa-message');
$('.prime').toggleClass('fa-xmark');
}

这并不:

document.addEventListener('DOMContentLoaded',function(){
document.getElementById("prime").click(function() {
myFuction();
});

function myFunction() {
document.getElementByClassName("prime").classList.toggle("fa-message");
document.getElementByClassName("prime").classList.toggle("fa-xmark");
}
}

为什么?

我试图将代码jquery重写为js，但有些东西没有成功。

Answer 1

在香草javascript中添加onclick事件到DOM元素的方式是使用以下语法:

object.onclick = function() {myScript};

for对于你的例子，它看起来像:

document.getElementById("prime").onclick = function() {  myFuction(); };

这里有一些帮助的支持文档:

https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events