Question

一个关于JS的问题……请高手大大们来帮帮~急~~

我写了一个JS，想删除一个文档里不同部分的几段代码
function changepic(url1){
var pics = document.getElementById('pics');
var dd = pics.getElementsByTagName('li');

var ts = document.getElementById('ts');
var ds = ts.getElementsByTagName('li');

var btn = document.getElementById('btn');
var dt = btn.getElementsByTagName('li');

for (var i = 2; i < dd.length; i++){
x = dd[i];
y = ds[i];
z = dt[i];
x.parentNode.removeChild(x);
y.parentNode.removeChild(y);
z.parentNode.removeChild(z);
}
}

问题出来了，我点击一次，他删除第一段的内容，点击两次，他删除第二段，点击三次，他才能全部完成删除任务……请问该怎么办，或者有什么办法让他点击一次就自动加载3次？
HTML的结构

<div id="pics">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div id="ts">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div id="btn">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>

Answer 1

你直接调用3次这个方法不就行了么