JavaScript: GreaseMonkey，如何插入元素

Question

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

我想在 Dogs 的 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>

Answer 1

it is not my website so I am not allowed to insert some ID's into the LI items.

JavaScript 所以 Greasemonkey 必须只在客户端执行。这意味着只有您可以看到使用该语言所做的任何更改。因此，您可以根据自己的喜好修改页面并做任何您想做的事情。

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

Answer 2

var ul = document.querySelector('.nav.navbar-nav.brand-right');
var newli = document.createElement('li');
// do what you need to the new li, including giving it an id if you want
ul.appendChild(newli);

应该这样做

JavaScript: GreaseMonkey，如何插入元素

JavaScript: GreaseMonkey, How to insert an element

javascript

greasemonkey