怎么通过js清空div中的内容

JavaScript021

怎么通过js清空div中的内容,第1张

document.getElementById('BIGDraw').innerHTML = ""

$('#BIGDraw').html("")

清空div内容 两种都可以

<html>

<head>

<script type="text/javascript">

function clearinput()

{

var sss = document.getElementById("sss") 

 for(i=0i<sss.getElementsByTagName("input").lengthi++){  

          sss.getElementsByTagName("input")[i].value=""  

    } 

}

</script>

</head>

<body>

<div id="sss">

<input type="text" >

<input type="text" >

<input type="text" >

<input type="text" >

</div>

<input type="button" value="清空" onclick="clearinput()">

</body>

</html>

将div的innerHTML置为空即可,下面有2类方法可以实现:

假设有如下的html片段:

<div id="test">这是要删除的内容,还要保留test本身</div>

原生js法

document.getElementById('test').innerHTML = ''

jQuery法

$('#test').empty()//jQuery方法一

$('#test').html('')//jQuery方法二