搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JS HTML DOM
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JavaScript HTML DOM - Changing HTML示例 - 基础教程(div.cn)</title> <head> <style> #demo { border: 2px solid black; padding: 2px 20px; margin-bottom: 15px; border-radius: 5px; } </style> </head> <body> <p>单击按钮以从DIV中删除第一个P元素:</p> <div id="demo"> <p> DIV中的第一个P元素。</p> <p> DIV中的第二个P元素。</p> <p> DIV中的第三个P元素。</p> </div> <button onclick="myFunc()">点我试试</button> <script> function myFunc() { var div = document.getElementById("demo"); div.removeChild(div.firstElementChild); } </script> </body> </html>
运行结果
