如果我要创建一个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>";
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“js实现创建删除html元素小结”评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。