js实现创建删除html元素小结_javascript技巧

1.使用DOM对象创建：

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

2.使用JQuery创建：

使用$('通过JQuery创建的新元素')的方法直接创建元素。

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

1.使用DOM对象

首先需要找到被删元素的父元素，通过父元素将其需要删除的子元素删除。

2.使用JQuery

直接找到并删除。

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

最后我们来看个实例

 
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 = "请输入正确的姓名"; 
 } 
 
 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 = "该用户名输入正确"; 
 } 
} 

 
姓名：