appenChild()无法使用我的管镀铬扩展

时间:2017-11-28 14:18:54

标签: javascript google-chrome dom google-chrome-extension youtube

我在我的content.js文件中写了两个函数。(你管的chrome扩展名) 通过"标记"找到元素name(document.getElementsByTagName)。 在此之后我在两个函数中使用它但在第二个函数中没有工作,同时在这个标记中附加了child.Below你得到了两个函数

这不起作用:

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

1 个答案:

答案 0 :(得分:0)

你的问题在这里:

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

您需要将其更改为:

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

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

修改:JSFiddle Link