如果我要創建一個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>";