我是javascript的新手,我有一个创建七个圆圈的任务,它应该在鼠标点击时改变颜色.第一个圆圈正在改变颜色,但其他六个只是保持红色,尽管我在点击时调用相同的方法？我不能在我的回答中使用JQuery,只有javascritpt.任何帮助深表感谢!
我的直觉是尝试创建一个for循环,但这对我不起作用..
<!DOCTYPE html>
<html>
<head>
<title>Circles of rainbow colours</title>
</head>
<body>
<h2> Rainbow Colours</h2>
<svg height="1000" width="500">
<circle id="circle1" onclick="function()" cx="50" cy="50" r="40"
style="fill:red;"/>
<circle id ="circle1" onclick="function()" cx="50" cy="150" r="40"
style="fill:red;"/>
<circle id ="circle1" onclick="function()" cx="50" cy="250" r="40"
style="fill:red;"/>
<circle id ="circle1" onclick="function()" cx="50" cy="350" r="40"
style="fill:red;"/>
<circle id ="circle1" onclick="function()" cx="50" cy="450" r="40"
style="fill:red;"/>
<circle id ="circle1" onclick="function()" cx="50" cy="550" r="40"
style="fill:red;"/>
<circle id ="circle1" onclick="function()" cx="50" cy="650" r="40"
style="fill:red;"/>
</circle>
</svg>
<script>
var circle = document.getElementById("circle1"); …javascript ×1