在Facebook主页上的现有<ul>中添加额外的<li> </ul> </li>

Question

我正在编写一个Chrome插件来修改Facebook主页。

如何向<li>添加额外的<ul> _54nf？

这是我目前的代码：

function addLabel()
{
var ul = document.getElementsByClassName("_54nf");
var li = document.createElement("li");
li.appendChild(document.createTextNode("Test"));
ul.appendChild(li); // line 6
}

addLabel();

我得到的错误是：

  

未捕获的TypeError：undefined不是函数

我认为问题是getElementsByClassName，但我不确定。

Answer 1

getElementsByClassName返回节点列表（注意复数s）。使用：

var ul = document.getElementsByClassName("_54nf")[0];

将索引缩小到第一个。

这假设页面上只有一个这样的元素，或者你只想修改第一个元素。