用js清除网页内内容

html-css018

用js清除网页内内容,第1张

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页面，点击“清除网页内容”按钮，网页显示空白，内容被清除。

function a(){<br>var inn="<li id="qwe"><span style='cursor: pointer'>删除</span></li>"<br>var div = document.getElementById("a")<br>div.innerHTML += inn<br>// 查找span<br>var span = div.getElementsByTagName('span')[0]<br>// 添加click事件<br>span.onclick = function () {<br> // 查找li，也就是父元素<br> var li = this.parentNode<br> // id属性<br> var id = li.id<br> alert(id)<br>}<br>}