首页制作一个网页，里面有三个div，id分别为div1，div2，div3，均属于class .class1div1里有一个p，class属于class1，div2有两个p，属于class2，div3有一个p，属于class1 要求，alert div1中的p

制作一个网页，里面有三个div，id分别为div1，div2，div3，均属于class .class1div1里有一个p，class属于class1，div2有两个p，属于class2，div3有一个p，属于class1 要求，alert div1中的p

时间: 2024-10-25 08:18:38 浏览: 25

制作一个包含三个div的网页，可以使用HTML结构来描述，每个div都有特定的ID和类名。下面是一个简单的示例： ```html <!DOCTYPE html> <html lang="zh"> <head> <title>Div 网页示例</title> <script> function showAlert() { var div1 = document.getElementById("div1"); if (div1) { var pElement = div1.querySelector(".class1 p"); if (pElement) { alert(pElement.innerText); } else { alert("div1 中没有找到 class1 的 p 元素"); } } else { alert("div1 未找到"); } } </script> </head> <body> <div id="div1" class="class1"> <p>这是一个 div1 中的 class1 的 p 元素</p> </div> <div id="div2" class="class2"> <p>div2 的第一个 class2 p 元素</p> <p>div2 的第二个 class2 p 元素</p> </div> <div id="div3" class="class1"> <p>这是 div3 中的 class1 的 p 元素</p> </div> <button onclick="showAlert()">点击显示 div1 的 p 元素信息</button> </body> </html> ``` 在这个例子中，我们创建了一个JavaScript函数`showAlert`，当用户点击按钮时，它会获取id为'div1'的div元素，并查找其内部的class为'class1'的p元素，如果存在则弹出警告框显示文本。

阅读全文