Загрузка...

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

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

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

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

    Как это реализовать?​
     
    19 дек 2020
  2. STILLBORN_inactive3197700
    STILLBORN_inactive3197700 Автор темы 19 дек 2020 @smsale_robot - СМС активации 14 21 апр 2020
    help
     
    19 дек 2020
  3. TheyAre
    TheyAre 20 дек 2020 https://pikabu.ru :da::da::da::da::da::da::da::fap::da::fap: 27 3 сен 2020
    Костыль, но все же.
    По id ищешь div, копируешь его код и добавляешь свой :d.
     
    20 дек 2020
    1. STILLBORN_inactive3197700 Автор темы
      TheyAre, логику я понимаю. Мне нужен пример реализации, названия используемых функций.
      20 дек 2020
    2. TheyAre
      STILLBORN_inactive3197700, а, если у тебя сверстанный html+css, то увы, я не знаю. попробуй использовать replace из js
      20 дек 2020
  4. Ariss_inactive2533437
    Кому понравилось (1)
    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');
     
    20 дек 2020
Загрузка...
Top