Добавление элемента на чужой сайт

[SergeyAndSmart]

Добрый день. Мне необходимо добавить пункт в меню сайта. Код меню приведен на скрине.
Я добавляю элемент так:

var list = document.getElementsByClassname('topbar-nav-main dt-compact_topbar');
var li = document.createElement('LI');
li.innerHTML = 'Новый элемент списка';
list.appendChild(li);

Но ничего не работает. Помогите пожалуйста.

[warren buffet]

По-моему проблема в древнем getElementsByClassname

var ul = document.querySelector('ul.topbar-nav-main');
if(ul) {
   var li = ul.appendChild(document.createElement('LI'));
   li.textContent='Новый пункт меню';
}

[warren buffet]

Нет, там все равно будет много хтмля, так что лучше сразу его весь и засунуть

var
li='<li id='tvoe-id'><a href="your-link">Your Link</a></li>',
ul = document.querySelector('ul.topbar-nav-main');
if(ul) ul.insertAdjacentHTML('beforeend',li);

https://developer.mozilla.org/en-US/...rtAdjacentHTML

[SergeyAndSmart]

var ul = document.querySelector('ul.topbar-nav-main');
if(ul) {
   var li = ul.appendChild(document.createElement('LI'));
   li.textContent='Новый пункт меню';
}

Спасибо, все работает. У меня тоже получилось, надо было указать [0] в конце. Ваш вариант мне больше нравится.

var list = document.getElementsByClassName("topbar-nav-main dt-compact_topbar")[0];

[SergeyAndSmart]

var
li='<li id='tvoe-id'><a href="your-link">Your Link</a></li>',
ul = document.querySelector('ul.topbar-nav-main');
if(ul) ul.insertAdjacentHTML('beforeend',li);

А как в определенное место вставить?

[warren buffet]

SergeyAndSmart, а ссылку я специально дал предвосхищая твой вопрос. )))

[warren buffet]

А, в смысле после какого-то пункта? Это еще другой метод. https://developer.mozilla.org/en-US/...e/insertBefore

[SergeyAndSmart]

А, в смысле после какого-то пункта? Это еще другой метод. https://developer.mozilla.org/en-US/...e/insertBefore

Огромнейшее спасибо, буду изучать!

[warren buffet]

Есть.

ЗЫ проблему кстати назовите уже.

[warren buffet]

Этот метод всегда возвращает массив и когда нужен один элемент всегда придется добавлять [0]. А зачем, если есть метод выдающий один элемент - .querySelector()? Еще вот такая шняга есть https://developer.mozilla.org/en/doc...lement/matches ибо задолбали точками и решетками.