有必要将用jquery编写的代码重写为js。我的网站上几乎没有js代码,我看没有理由包括jquery这样的库。
这是可行的(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,但有些东西没有成功。
1条答案
按热度按时间qni6mghb1#
在vanilla javascript中,向DOM元素添加onclick事件的方法是使用以下语法:
对于你的情况,它看起来像:
以下是一些支持文档:
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events