Форум

Michael_K · #1 (**permalink**) 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 · #2 (**permalink**) 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);

Форум

Справочник

Discord чат

Курсы javascript