<html>
<head>
<style>
div {
border: 1px solid black;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div>
<h3>H3元素</h3>
<p>我是一个p元素,我的父元素是一个div元素。</p>
</div>
<div>
<h3>H3元素</h3>
<p>我是一个p元素,我的parent也是一个div元素。</p>
</div>
<p>单击该按钮可更改文档中第一个 p 元素的背景色,其父元素为 div 元素。</p>
<button onclick="myFunction()">试一试</button>
<script>
function myFunction() {
var x = document.querySelector("div > p");
x.style.backgroundColor = "red";
}
</script>
</body>
</html>