htmljs计算机删除功能,js实现创建删除html元素小结

如果我要创建一个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();

最后我们来看个实例

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

}

}

姓名：

document.getElementById("containers").innerHTML = "请输入姓名";