Как редактировать live css с помощью tampermonkey без Amino: Live CSS Editor
Мне интересно, возможно ли создать скрипт Tampermonkey с javascript, который найдет и заменит существующий элемент html или css, который уже существует.
В моем случае я хочу добавить это к элементу css в домене google.com, чтобы изменить отображение на none:
#tvcap {
display: none;
}
Это не позволяет мне видеть назойливую рекламу. Я использую Pi-hole, поэтому на данный момент они просто занимают место на моем экране.
Я установил расширение Amino: Live CSS Editor для Chrome, и оно отлично работает. Мне нужно использовать только эти 3 строки кода, но я бы предпочел использовать Tampermonkey со скриптом JS.
пример:
До:
После:
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Это действительно хорошая идея.
Вы не можете напрямую изменить CSS так, как делаете.
Вам нужно найти элемент, используя идентификатор с помощью getElementById, и изменить свойство стиля элемента HTML.
В вашем случае самый простой код будет:
document.getElementById("tvcap").style.display = "none";
Даниэле
Это работает.
// ==UserScript==
// @name Block google ads
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author You, credit: https://stackoverflow.com/users/5053475/daniele-rugginenti
// @match https://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
document.getElementById("tvcap").style.display = "none";
})();
Вы можете использовать простую служебную функцию, подобную этой:
function addStyle(styleText){
let s = document.createElement('style')
s.appendChild(document.createTextNode(styleText))
document.getElementsByTagName('head')[0].appendChild(s)
}
Используя формат строки шаблона, теперь легко добавить css:
addStyle(`
body{
color:red;
}
`)
Спасибо :D После нескольких минут копания я понял, что этот скрипт работает ниже.