<script type="text/javascript"> function $(id) { return document.getElementById(id); } window.onload = function() { var x1 = $("box_span1"); var x2 = $("box_span2"); var x3 = $("box_p"); x1.onclick = function() { x3.style.background = "#000000"; x1.style.borderRadius = "50%"; x1.onclick = function (){ x3.style.background = null; x1.style.borderRadius = null; } } //一个循环点击; } </script>
</head>
<body> <div id="box"> <div id="box1"> <span id="box_span1"></span> </div> <p id="box_p"></p > </div>
</body>
</head>
<body> <div id="box"> <div id="box1"> <span id="box_span1"></span> </div> <p id="box_p"></p > </div>
</body>
window.onload = function() {
var x1 = $("box_span1");
var x2 = $("box_span2");
var x3 = $("box_p");
x1.onclick = function() {
if (x3.style.background == "") {
x3.style.background = "#000000";
x1.style.borderRadius = "50%";
} else {
x3.style.background = "";
x1.style.borderRadius = "";
}
}
}