javascript - appendChild()在我的YouTube chrome扩展程序中不起作用

Question

我在content.js文件中写了两个函数。
通过“标签”名称(document.getElementsByTagName)查找元素。
之后，我在两个函数中使用了它，但在此标记中附加child时在第二个函数中不起作用。

这不起作用:

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