DOM дерево и плагины для Chrome

244

06 мая 2017, 22:26

Добрый день, написал плагин для хром, вроде доступ из под него к DOM дереву страницы есть. ALERT с помощью jQuery появляется, но никак не могу, сменить стиль на блочный, подскажите что я делаю не так:

Манифест:

{
"name":" ПОИСК 1.1 ",
"description":"ПОИСК ",
"manifest_version":2,
"version":"1",
"permissions":["tabs","<all_urls>"],
"browser_action":{
    "default_icon":"icon.png",
    "default_popup":"popup.html"
},
 "web_accessible_resources": ["LeoScript.js"] ,
 "permissions":["tabs","<all_urls>"]
}

Попап:

<html>
  <head>
    <script src="popup.js"></script>
  </head>
  <body>
    <input type="text"  placeholder="найти">
    <button  type="submit" id="find" value="поиск"> НАЙТИ </button>
  </body>
</html>

JS:

$(document).ready(function() {
  $("#find").click(function(){
    $('.ng-hide').css('display', 'block!Important');
  });
});

Фоновый обработчик:

document.addEventListener("DOMContentLoaded", function (){
  chrome.tabs.executeScript( {"file": "LeoScript.js"});
});

Answer 1

Нельзя назначать !important таким способом.

Вместо $('.ng-hide').css('display', 'block!Important') можно использовать это:

$('.ng-hide').each(function () {
  this.style.setProperty('display', 'block', 'important');
});

Или можно перезаписать весь аттрибут style:

$('.ng-hide').css('cssText', 'display: block !important');

Создание интернет-магазина интимных товаров в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Данный вопрос из книги серии HeadFirst по JS

Вот пример с иcпользованием функции push,мне нужно использовать альтернативный вариант добавления элемента в пустой массив

179

javascript

возврат вверх по DOM в цикле функции

есть такой код:

197

javascript

Странное поведение в функции javascript

В проекте phonegap+android у меня есть функция:

191

javascript

js высота div в зависимости от высоты видимой части

есть 3 div хочу через min-height и documentdocumentElement

288