JavaScript:GreaseMonkey，如何插入元素

我正在使用greasemonkey更改网站内容。

我想在狗的de LI项目之后添加一个带有JavaScript的LI元素，它不是我的网站，所以我不允许在LI项目中插入一些ID

<div id="main-nav">
    <ul class="nav navbar-nav brand-left">
        <li><a href="/cars">Cars</a></li>
        <li><a href="/bikes">Bike</a></li>
    </ul>
    <ul class="nav navbar-nav brand-right">
        <li><a href="/cats">Cats</a></li>
        <li><a href="/dogs">Dogs</a></li>
        NEW LI ELEMENT HERE
    </ul>
</div>

这里有新的李元素

这不是我的网站，所以我不允许在LI项目中插入一些ID

<div id="main-nav">
    <ul class="nav navbar-nav brand-left">
        <li><a href="/cars">Cars</a></li>
        <li><a href="/bikes">Bike</a></li>
    </ul>
    <ul class="nav navbar-nav brand-right">
        <li><a href="/cats">Cats</a></li>
        <li><a href="/dogs">Dogs</a></li>
        NEW LI ELEMENT HERE
    </ul>
</div>

JavaScript和Greasemonkey必须只在客户端执行。这意味着使用此语言所做的任何更改将仅对您可见。因此，您可以根据自己的需要修改页面，并做任何您想做的事情

var new_li = document.createElement("li")
document.getElementsByClassName("brand-right")[0].appendChild(new_li);

---

应该可以了

我知道这只是客户端，只有我才能看到。@Thom不知道你在说什么。是的，这很有效！但是如何在

li

（

）

newli.innerHTML=''中添加元素是一种方法