javascript - 我想将我的 jquery 代码转换为 javascript

Question

我的 Jquery 代码是：

 $("#chatbtn").contents().find('#maximizeChat').on("click", function (e) {
     e.preventDefault();
     alert('clicked');
  });

我试过这个：

document.querySelector("#chatbtn").contents().querySelector('#maximizeChat').addEventListener("click", function (e) {
   e.preventDefault();
   alert('clicked');
});

显示此错误：

(index):50 Uncaught (in promise) TypeError: document.querySelector(...).contents is not a function

我怎样才能做到这一点？

标签： javascriptjquery

Answer 1

.contents()在框架上返回框架内的文档。因此，您正在寻找： 访问您的框架并找到 id：

var frame = document.getElementById('chatbtn');
var content = frame.contentDocument;

content.getElementById("maximizeChat").addEventListener("click",function(){
    alert('clicked');
});