<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Название документа</title>
</head>
<body>
<div class="test">
<p class="test1">Абзац1.</p>
<p class="test2">Абзац2.</p>
</div>
<button onclick="foo()">Выделить цветом абзац</button>
</body>
</html>
function foo() {
var matches = document.querySelector(".test1");
matches.style.backgroundColor = "yellow";
}
</script>
Dilettante_Pro,
Подскажите еще такой момент,
var matches = document.querySelector(".test1 .text2"); в этой строке необходимо взять класс с двух абзацев, по умолчанию берет только первый, как сделать так чтоб захватывал оба, объединенный div с классом test исключается, так как взамен абзацев буду использовать select....