JavaScript: GreaseMonkey, как вставить элемент

Question

Я использую greasemonkey, чтобы изменить его содержимое.

Я хочу, чтобы добавить элемент LI с JavaScript после де LI пункта Собаки, это не мой сайт, так что я не имею права, чтобы вставить некоторые идентификаторы в пункты LI.

<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

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); 

Это должно сделать это

Answer 2

это не мой сайт, так что я не имею права, чтобы вставить некоторые идентификаторы в пункты LI.

JavaScript и поэтому Greasemonkey обязательно выполняются только на стороне клиента. Это означает, что любые изменения, сделанные с помощью этого языка, будут видны только вам. Таким образом, вам разрешено изменять страницу по своему усмотрению и делать абсолютно все, что угодно.

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