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();

最後我們來看個實例

 
姓名：