请大神帮忙修改下这个简短js

qingwadaxia_1 2018-05-24 10:28:33

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Document</title>
</head>
<body>
<div id="content">
<span>html</span>
<h1>php</h1>
<p>javascript</p>
<h2>jquery</h2>
<div>java</div>
</div>
<button onclick="clearText()">清除最后一个元素</button>
<script type="text/javascript">

function clearText() {
var content=document.getElementById("content");

var aa = content.childNodes;

for (var i=0;i<aa.length;i++)
{
if(aa[i].nodeType==1){
content.removeChild(aa[i]);
}
}
}
</script>
</body>
</html>

上面的是点击清除div content里的所有子元素，我想把它改成每次点击只清除最后的那个子元素，请问如何去修改，

...全文

282 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

75闪光雷 2018-05-24

打赏
举报


<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>Document</title>
 </head>
 <body>
 <div id="content">
  <span>html</span>
  <h1>php</h1>
  <p>javascript</p>
  <h2>jquery</h2>
  <div>java</div>
</div>
<button onclick="clearText()">清除最后一个元素</button>
<script type="text/javascript">
 
function clearText() {
  var content=document.getElementById("content");

  var aa = content.childNodes;
  
  for (var i=aa.length-1;i>=0;i--)
  {
	  if(aa[i].nodeType==1){
		content.removeChild(aa[i]);
		break;
	  }
  }
}
</script>
 </body>
 </html>