querySelectorВсе выбор на основе CSS - PullRequest
Новая
       11

querySelectorВсе выбор на основе CSS

0 голосов
/ 10 ноября 2019

вот простое представление проблемы, которую я имею. Когда вы нажимаете на кнопку, все черные элементы делятся на черные. Но большой стиль с CSS не делает. Есть идеи? Большое спасибо. 

var v;

function link() {
  v = document.querySelectorAll('[style*="background:black;"]');
  v.forEach(function(value) {
    value.style.backgroundColor = "red";
  });
}
.box1 {
  background-color: black;
  height: 200px;
  width: 200px;
  border: 2px solid green;
  font-size: 25px;
  color: white;
}
<html>

<head>
  <link rel="stylesheet" href="filter.css" />
</head>

<body>

  <div style="background:black; height:100px; width:100px;" id="div1"></div>
  <div style="background:blue; height:100px; width:100px;"></div>
  <div style="background:black; height:100px; width:100px;"></div>
  <div class="box1"> css styled box</div>
  <button onclick="link()" style="height:20px; width:50px;">Click </button>

</body>

</html>

1 Ответ

0 голосов
/ 10 ноября 2019

Попробуйте это 

var v;
function link(){
	v=document.querySelectorAll('[style*="background:black;"]');
	v.forEach(function(value){
		value.style.backgroundColor = "red";
	});
}
.box1{
	height:200px;
	width:200px;
	border:2px solid green;
    font-size:25px;
    color:white;
}
<html>
<head>
<link rel="stylesheet" href="filter.css" />
</head>
<body>

<div style="background:black; height:100px; width:100px;" id="div1"></div>
<div style="background:blue; height:100px; width:100px;"></div>
<div style="background:black; height:100px; width:100px;"></div>
<div class="box1" style="background:black;"> css styled box</div>
<button onclick="link()" style="height:20px; width:50px;">Click </button>

</body>
</html>
...