1、新建一个html页面，命名为test.html。
2、在test.html页面内，使用p标签创建三行文字。
3、在p标签的下面，创建一个button按钮，按钮名称为“清除网页内容”。
4、给button按钮绑定onclick点击事件，当按钮被点击时，执行delAll()函数。
5、在test.html页面内，使用function创建delAll函数。
6、在delAll函数内，获得当前页面body对象，使用innerHTML属性赋值为空的方法清除网页内容。
7、在浏览器中打开test.html页面，点击“清除网页内容”按钮，网页显示空白，内容被清除。
js可以通过文本所在标签的id获取该标签对象，然后修改其内容，如：document.getElementById('标签id').innerHTML
=
'要修改的文本内容'
该方法可以在要修改的文本内容中加html标签，如果只是纯文本的话，
可以使用innerText,
document.getElementById('标签id').innerText=
'要修改的文本内容'
使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。
实例演示如下：
一、HTML的DOM设计。
1、设计两个DIV，其中第一个div放入入一些文字。
2、设计css样式如下，为了区分明显，加了border。
3、此时的页面展示如下：
二、函数功能的设计和绑定。
1、设计函数，实现赋值和删除的功能。
2、然后在两个button上分别绑定函数：
三、功能演示。
1、设计完成，点击【复制内容】，此时页面展示如下：（两个div内容已相同）。
2、此时点击【删除内容】，展示如下：内容再次被删除，恢复空白。
扩展资料：
HTML DOM innerHTML 属性：
1、定义和用法：innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
2、语法：tablerowObject.innerHTML=HTML。
