|
Сообщение от Zyuzka
|
|
В этом примере я вообще ничего не понял
|
теже два цикла плюс нелюбовь к var и ограничение: не более 9 элементов )))
вот вам ещё вариант через замыкание, чтоб не доставать данные из id (количество строк любое наличие id необязательно)
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
<div>13</div>
<div>14</div>
<div>15</div>
<script>
var d = document.querySelectorAll("div"),
f = function(a) {
return function() {
[].forEach.call(d, function(b, c) {
b.style.background = a >= c ? "blue" : ""
})
}
};
[].forEach.call(d, function(a, b) {
a.onclick = f(b)
});
</script>
</body>
</html>