Question

我正在使用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>

Answer 1

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

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，如何插入元素

2 个答案: