如何创建一个清除所有阵列的按钮?

时间:2015-07-23 10:27:56

标签: javascript html arrays input

我是javascript的新手,我正在尝试创建一个代码,通过按钮清除数组中的所有数据。它的工作原理是,一旦我点击某个地图区域,它就会将该数据放入textarea中。输出将是一个数组。但是,当我尝试删除它并单击另一个地图区域时,将显示先前的数据。 我只想知道如何在没有出现的情况下清除数据。示例代码如下。谢谢!

http://jsfiddle.net/qpmxnv2g/5/

HTML

var map = document.getElementById("Map");
    map.addEventListener("click", function(e) {
    callAction(e.target);
    });
var body = [];
document.getElementbyId("body").innerHTML = body;


function callAction(area) {
    body.push(area.title);
    document.getElementById("body").value = body;
}

var clear = document.getElementById("Clear");

function clear(){
    body.length=0;
    document.getElementById("Clear").value = body;
} 

的Javascript

>>> sorted(team_info,key=itemgetter(0),reverse=True)[:4]
[[12, 3, 0, 0, 3], [10, 3, 0, 0, 6], [9, 0, 2, 2, 3], [7, 2, 1, 1, 3]]

>>> sorted(team_info,key=itemgetter(0),reverse=True)[-2:]
[[4, 1, 1, 1, 3], [2, 0, 2, 2, 3]]

4 个答案:

答案 0 :(得分:0)

请提供您的数组,并且有意识地说textarea的值会在按钮上写下副本吗?

或者如果你想清除textarea,



document.getElementById("body").innerHTML = "";




答案 1 :(得分:0)

您可以尝试将数组设置为空,如下所示:

arrayName = []

或者使用while循环将所有元素弹出数组:

while(arrayName.length) {
    arrayName.pop();
}

答案 2 :(得分:0)

您的代码存在一些问题:

  

TypeError:document.getElementbyId不是函数

也许你的意思是document.getElementById

Clear 按钮没有事件监听器。

此外,您在清除时会覆盖清除按钮的值,而不是textarea的值。

代替使用相同名称的var clear = …function clear ,写下

document.getElementById("Clear").addEventListener('click',function(){
  body.length=0;
  document.getElementById("body").value='';
});

type="submit"<form>之外没有意义,应该是type="button"(对于清除按钮)。

总而言之,this JSFiddle是改进版本。

答案 3 :(得分:-1)

您需要清除文本区域值还是其他任何内容? 你的问题有点令人困惑。

如果您要清除textarea,则可以使用以下代码:

document.getElementById("body").innerHTML = "";