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

前端之家收集整理的这篇文章主要介绍了js实现创建删除html元素小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如果我要创建一个div元素。

1.使用DOM对象创建

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

2.使用JQuery创建:

使用$('

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

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

1.使用DOM对象

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

2.使用JQuery

直接找到并删除

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

最后我们来看个实例

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='该用户名输入正确'/>该<a href="https://www.jb51.cc/tag/yonghuming/" target="_blank" class="keywords">用户名</a>输入正确"; }

}

姓名:

猜你在找的JavaScript相关文章