我尝试在Canvas中制作折线图，
我在main.js中有一个main.html和脚本（无论里面有什么-我只会粘贴代码的结尾）。
这是main.js的结尾-plot，plot2，plot3是绘制线条的函数。
document.getElementById("button").onclick = plot; ///drawing line 1
document.getElementById("button2").onclick = plot2; //drawing line 2
document.getElementById("button3").onclick = plot3; //drawing line 3
document.getElementById("button4").onclick = plot4; //drawing ....
document.getElementById("button5").onclick = plot5; //drawing ...
在main.html中，我有
<input type="submit" name="button" id="button" value="Rysuj" /></td>
<input type="submit" name="button2" id="button2" value="Rysuj2" /></td>
<input type="submit" name="button3" id="button3" value="Rysuj3" /></td>
<input type="submit" name="button4" id="button4" value="Rysuj4" /></td>
<input type="submit" name="button5" id="button5" value="Rysuj5" /></td>
当我按下按钮Rysuj，Rysuj2，Rysuj3时，它们都在绘制。
但是我只想像'Rysuj'一样制作一个按钮，并且我尝试在单击后更改ID，但没有任何作用。
我在main.html中写道：
<script language="text/javascript">
function something(){
document.getElementById("button").id = "button2"
}
</script>
<input type="button" onclick="something()" value="Rysuj" id="button">
我应该怎么做才能使一个1按钮，单击后将ID更改为button2，下次单击button3等？
最佳答案
每次单击后更改第一个按钮的绘制线功能如何？
var arr = ['plot','plot2','plot3','plot4','plot5'];
var count=0;
document.getElementById("button").onclick = something;
function something(){
eval(arr[count%arr.length]+'();');
count++;
}