Chrome扩展插入文本问题

Question

http://www.w3schools.com/js/js_statements.asp

我写了一个Chrome扩展更改介绍类的内容，但它不工作？ 我已创建的分割和之前介绍类 插入它的代码被写入content.js

var div=document.createElement("div"); 
div.innerText='test123'; 
document.getElementsByClassName("intro").insertBefore(div,document.getElementsByClassName("intro")childNodes[0]); 

Answer 1

getElementsByClassName返回一个节点列表。因此，它没有像insertBefore这样的方法。

如果要插入intro类的所有元素中的DIV，你可以通过一个循环做到这一点：或者

var elements = document.getElementsByClassName("intro"); 
for(var i = 0; i < elements.length; i++){ 
    var div = document.createElement("div"); 
    div.innerText = 'test123'; 
    elements[i].insertBefore(div, elements[i].childNodes[0]); 
} 

，如果只有一个元素是，你可以这样做：

var div = document.createElement("div"); 
div.innerText = 'test123'; 
document.getElementsByClassName("intro")[0].insertBefore(div, document.getElementsByClassName("intro")[0].childNodes[0]);