45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:在js中实现创建删除html元素小结的步骤

在js中实现创建删除html元素小结的步骤

2016-06-04 12:29:23 来源:www.45fan.com 【

在js中实现创建删除html元素小结的步骤

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

本文地址:http://www.45fan.com/bcdm/52219.html
Tags: 实现 创建 html
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部