用js清除网页内内容

JavaScript027

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

document.getElementsByTagName('tagName') 

// tabName 就是你的HTML标签名,返回的是一个数组

// 根据返回的数组,获取你要的那个HTML标签

// 然后使用 "父级.removeChild()",来删除你这个HTML标签

// 直接表达出来就是下面代码

var tag = document.getElementsByTagName('tagName')

tag.parentElement.removeChild(tag)