js 隐藏、删除某些元素与刷新当前视图

原创于 2019-04-04 15:07:57 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

18 篇文章

订阅专栏

本文介绍如何使用JavaScript操作DOM元素，包括隐藏、删除指定元素及其子元素，并讲解了如何触发页面刷新及设置自动刷新的方法。

js 隐藏、删除某些元素与刷新当前视图

获取元素id：

var ui = document.getElementById("container"+id);

隐藏元素：

ui.style.display="none";或ui.style.display=" ";或ui.style.visibility="hidden";

获取子元素，删除

var subObj = ui.childNodes;
for (var i = 0; i < subObj .length; i++) {
　subObj[i].innerHTML = "";//循环删除所有子元素的内容
}

获取父元素：

var parentObj = ui.parentNode;//获取父对象
parentObj.innerHTML = ""; //删除
parentObj.removeChild(ui);//通过父对象把它删除

触发刷新：
```
window.location.reload();
```
页面自动刷新：把如下代码加入区域中;其中20指每隔20秒刷新一次页面.
```
<meta http-equiv="refresh" content="20">
```
页面自动跳转：把如下代码加入区域中;其中20指隔20秒后跳转到http://www.xxx.com页面
```
<meta http-equiv="refresh" content="20;url=http://www.xxx.com">
```