Форум

flyte · #1 (**permalink**) 15.06.2016, 15:46

Здравствуйте! Подскажите пожалуйста. Использую greasmonkey. Можно ли написать скрипт, чтобы искал на странице класс "bordered" и задавал для "bordered:after" css свойста?

рони · #2 (**permalink**) 15.06.2016, 17:52

flyte,
создайте тег style запишите в него нужные css правила и добавьте на страницу

flyte · #3 (**permalink**) 15.06.2016, 18:49

document.head.insertAdjacentHTML('beforeend', '<style>[class="bordered:after"]{background:#1F9C63}</style>');

так?

рони · #4 (**permalink**) 15.06.2016, 19:12

flyte,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>
 <style type="text/css">
     .bordered{
          border: 1px dashed Gray; padding: 5px; height: 100px; width: 100px
     }
     .bordered:after{
       content: "12345"
     }

   </style>
  <div class="bordered"></div>
 <script>
    document.head.insertAdjacentHTML('beforeend', '<style>.bordered:after{background:#1F9C63}</style>');
 </script>
</body>
</html>

flyte · #5 (**permalink**) 15.06.2016, 21:21

а можно чтобы скрипт находил класс "bordered" и добавлял к bordered допустим класс green, чтобы получилось "bordered green", а я уже отдельно для него пропишу css

рони · #6 (**permalink**) 15.06.2016, 21:24

flyte,

[].forEach.call( document.querySelectorAll('.bordered'), function(el) {
        el.classList.add('green');
 });

flyte · #7 (**permalink**) 15.06.2016, 21:28

уже сам догадался) спасибо Вам большое, очень помогли!

Форум

Справочник

Discord чат

Курсы javascript