Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавить елемент на страницу (https://javascript.ru/forum/misc/54860-dobavit-element-na-stranicu.html)

Michael_K 03.04.2015 17:59

Добавить елемент на страницу
 
Мне нужен скрипт (Chrome,Tampermonkey).
В подобного рода страницу:
<html class="" dir="ltr">
 <body class="global-ru" lang="ru" style="overflow: auto;" data-twttr-rendered="true">
    <div id="topbar">
     <header class="topbar   topbar-blue">
       <div class="container">
         <a href="/" class="topbar-brand navigate-home track-click white "></a>
           <nav class="topbar-nav">
            <ul class="topbar-nav-main">
              <li id="home-nav"><a href="/">Главная</a></li>
              <li id="stream-nav"><a href="/activity_stream">Лента</a></li>
              <li id="questions-nav"><a href="/discussion">Форум</a></li>
           </ul>
          </nav>
 </body>
</html>

Он должен добавить елемент в меню (раздел "Переводы"). Выглядеть все должно таким образом.
<html class="" dir="ltr">
 <body class="global-ru" lang="ru" style="overflow: auto;" data-twttr-rendered="true">
    <div id="topbar">
     <header class="topbar   topbar-blue">
       <div class="container">
         <a href="/" class="topbar-brand navigate-home track-click white "></a>
           <nav class="topbar-nav">
            <ul class="topbar-nav-main">
              <li id="home-nav"><a href="/">Главная</a></li>
              <li id="stream-nav"><a href="/activity_stream">Лента</a></li>
              <li id="questions-nav"><a href="/discussion">Форум</a></li>
              <li id="translations-nav"><a href="/translations">Переводы</a></li>
           </ul>
          </nav>
 </body>
</html>

Как мне это реализовать? (Хочу выпросить код) Напомню, под Tampermonkey.

jsnb 04.04.2015 04:37

var menu = document.querySelector('ul.topbar-nav-main'), 
    li = document.createElement('li');
li.id = 'translations-nav';
li.innerHTML = '<a href="/translations">Переводы</a>';
menu.appendChild(li);


Часовой пояс GMT +3, время: 20:17.