appendChild() 在我的 youtube chrome 扩展中不起作用

Question

我在我的 content.js 文件中写了两个函数。（你管的 chrome 扩展名） 通过“标签”名称（document.getElementsByTagName）查找元素。 在此之后，我在两个函数中使用了它，但在此标签中附加子项时，它在第二个函数中不起作用。下面你会得到两个函数

这不起作用：

function buttond(){
var i=0;
for(i=0;i<10;i++){
   var ge=document.getElementsByTagName("ytd-compact-video-renderer")[i];
   var node=createElement("button");
   var text=createTextNode("click");
    node.appendChild(text);
    ge.appendChild(node);
    }
}

但这是为什么？？

function butstop(){
var i=0;
 for(i=0;i<10;i++){
   var ge=document.getElementsByTagName("ytd-compact-video-renderer")[i];
      if(ge && ge.style.display=="none"){
         ge.style.display="block";
}
     else if(ge){
    ge.style.display="none";

 }

}
}

我正在做的最后工作是在下面的图片链接中添加播放下一个按钮。

image

Answer 1

你的问题在这里：

   var node=createElement("button");
   var text=createTextNode("click");

您需要将其更改为：

   var node=document.createElement("button");
   var text=document.createTextNode("click");

在此之后，它会正常工作。

编辑：JSFiddle Link