首頁 > web前端 > js教程 > js實作建立刪除html元素小結_javascript技巧

js實作建立刪除html元素小結_javascript技巧

WBOY
發布: 2016-05-16 15:37:39
原創
1340 人瀏覽過

如果我要建立一個div元素。

1.使用DOM物件建立:

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

 2.使用JQuery創建:

使用$('

透過JQuery建立的新元素
')的方法直接建立元素。

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

1.使用DOM物件

首先需要找到被刪除元素的父元素,透過父元素將其需要刪除的子元素刪除。

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

登入後複製

2.使用JQuery

直接找到並刪除。

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

最後我們來看個實例

<script type="text/javascript" language="Javascript"> 
function InputOnBlur() 
{    var name=document.getElementById("name").value; 

     if(name.length >10 || name.length<2) 
       { 
        var element=document.getElementById("message"); 
      if(element) 
      { 
      //alert(element.parentNode.innerHTML); 
      element.parentNode.removeChild(element); 
      } 
               var MySpan=document.createElement("span"); 
               document.getElementById("containers").appendChild(MySpan); 
               MySpan.id = "message"; 
               MySpan.innerHTML = "<img src='false.jpg' alt='请输入正确的姓名'/>请输入正确的姓名"; 
        } 
        
     else{ 
      var element=document.getElementById("message"); 
      if(element) 
      { 
      //alert(element.innerHTML); 
      element.parentNode.removeChild(element); 
      } 
               var MySpan=document.createElement("span"); 
               document.getElementById("containers").appendChild(MySpan); 
               MySpan.id = "message"; 
               MySpan.innerHTML = "<img src='true.gif' alt='该用户名输入正确'/>该用户名输入正确"; 
          } 
} 
</script>
<div>  
姓名:<input id="name" type="text" onblur="InputOnBlur()" /><span id="containers"></span></div>  
<script language="javascript">  
document.getElementById("containers").innerHTML = "<font color=red>请输入姓名</font>";  
登入後複製

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板