Jquery到javascript - click()处理z文档.getElementById

bjp0bcyl  于 2023-01-12  发布在  jQuery
关注(0)|答案(1)|浏览(155)

有必要将用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,但有些东西没有成功。

qni6mghb

qni6mghb1#

在vanilla javascript中,向DOM元素添加onclick事件的方法是使用以下语法:

object.onclick = function() {myScript};

对于你的情况,它看起来像:

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

以下是一些支持文档:
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events

相关问题