Загрузка...

Вставка блока со стилями на определенный сайт

Тема в разделе Frontend создана пользователем STILLBORN_inactive3197700 19 дек 2020. 165 просмотров

  1. STILLBORN_inactive3197700
    STILLBORN_inactive3197700 Автор темы 19 дек 2020 @smsale_robot - СМС активации 14 21 апр 2020
    Есть расширение Tampermonkey - позволяет применять JS код к определенным страницам.

    Мне нужно чтобы при переходе на определенный сайт JS-код (выполняемый расширением Tampermonkey) вставлял блок (сверстанный мной html+css) в конец определенного div'a на сайте.
    [IMG]

    Как это реализовать?
     
  2. STILLBORN_inactive3197700
    STILLBORN_inactive3197700 Автор темы 19 дек 2020 @smsale_robot - СМС активации 14 21 апр 2020
  3. TheyAre
    Костыль, но все же.
    По id ищешь div, копируешь его код и добавляешь свой :d.
     
    1. STILLBORN_inactive3197700 Автор темы
      TheyAre, логику я понимаю. Мне нужен пример реализации, названия используемых функций.
    2. TheyAre
      STILLBORN_inactive3197700, а, если у тебя сверстанный html+css, то увы, я не знаю. попробуй использовать replace из js
  4. Ariss_inactive2533437
    Ariss_inactive2533437 20 дек 2020 | Разработка сайтов | - threads/1793722/ 239 8 авг 2019
    JavaScript
    function createElement(tagName) {
    // Создание DOM элемента
    const elem = document.createElement(tagName);
    // Добавляем свои CSS классы для этого элемента
    elem.classList.add('block')
    // HTML код содержимого элемента
    elem.insertAdjacentHTML('afterbegin', `
    <div class="block__body">
    <h1 class="block__title">This is a title!</h1>
    </div>
    `);
    // Добавляем элемент в <body> страницы
    document.body.appendChild(elem);
    return elem;
    }

    createElement('div');
     
Загрузка...
Top