js實現(xiàn)創(chuàng)建刪除html元素小結

更新時間：2015年09月30日 10:58:23 投稿：hebedich

本文給大家簡單介紹了下使用javascript和jquery實現(xiàn)創(chuàng)建刪除html元素的方法，非常的實用，有需要的小伙伴可以參考下。

如果我要創(chuàng)建一個div元素。

1.使用DOM對象創(chuàng)建：

使用document.createElement('div')方法創(chuàng)建元素。

2.使用JQuery創(chuàng)建：

使用$('<div>通過JQuery創(chuàng)建的新元素</div>')的方法直接創(chuàng)建元素。

如果需要將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>";

您可能感興趣的文章: