javascript 显示/隐藏，创建/删除html元素用法实例详解

显示/隐藏

1。编写js函数 

2. 要显示/隐藏的html元素加上 id 属性

 
 
控制这个tr的显示/隐藏
 
 

3，添加按钮，链接等触发 js 函数

 
显示/隐藏 
javascript显示隐藏层
广告
 

二:javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位
方法一：

document.all["PanelSMS"].style.visibility="hidden"; 
document.all["PanelSMS"].style.visibility="visible";

方法二：

document.all["PanelSMS"].style.display="none"; 
document.all["PanelSMS"].style.display="inline";

方法一隐藏后 页面的位置还被控件占用 只是不显示
方法二隐藏后 页面的位置不被占用

创建/删除

如果我要创建一个div元素。

1.使用DOM对象创建：

使用document.createElement('div')方法创建元素。

2.使用JQuery创建：

使用$('

如果需要将id是‘div2js'的div元素删除。

1.使用DOM对象

首先需要找到被删元素的父元素，通过父元素将其需要删除的子元素删除。

var el = document.getElementById('div2js');
 el.parentNode.removeChild(el);

2.使用JQuery

直接找到并删除。

$('#div2js').remove();

最后我们来看个实例

 
姓名：