1

我尝试在 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 等？

4

2 回答 2

1

每次单击后更改第一个按钮的绘制线功能如何？

var arr = ['plot','plot2','plot3','plot4','plot5'];
var count=0;
document.getElementById("button").onclick = something;
function something(){
    eval(arr[count%arr.length]+'();');
    count++;
}
于 2013-11-13T20:18:35.893 回答
0

您可以设置计数器：

  <script language="text/javascript">
    var counter = 1;
    function something(){
       document.getElementById("button").id = "button" + counter;
       counter++;
    }
  </script>

并尝试将您的 javascript 代码和 html 分开。内联 js 之类onclick的代码看起来不太好。

于 2013-11-13T20:09:18.937 回答