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

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

1.使用DOM對象建立：

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

 2.使用JQuery建立：

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

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