| |
|
|
| | Добрый день.
В примере изменяется класс css. И вроде все хорошо, но если надо изменить во многих местах, то не работает. Подозреваю что нужен какой-то цикл, а какой не могу понять.
Код:
---------------------------------------
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">
.no_red {font-size: 12; color: #9966ff;}
.red {font-size: 12; color: red;}
</STYLE>
<script>
function changeClass()
{
theClass = document.getElementById("id_example").className;
if (theClass != "red") {
document.getElementById("id_example").className = "red";
}
else
{
document.getElementById("id_example").className = "no_red";
}
}
</script>
</HEAD>
<BODY >
<p CLASS="no_red" id="id_example">Example1</p>
<p CLASS="no_red" id="id_example">Example2</p>
<a href="#" onclick="changeClass()">Change</a>
</BODY>
</HTML>
---------------------------------------
помогите, пожалуйста... | |
| |
|
|
| |
|
|
| |
для: e_e
(07.05.2008 в 14:23)
| | |
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE="text/css">
.no_red {font-size: 12; color: #9966ff;}
.red {font-size: 12; color: red;}
</STYLE>
<script>
function changeClass() {
var i;
var node = document.getElementsByTagName('p');
for (i=0; i < node.length; i++){
if (node[i].className == 'no_red') node[i].className = 'red';
}
}
</script>
</HEAD>
<BODY >
<p CLASS="no_red">Example1</p>
<p CLASS="no_red">Example2</p>
<a href="#" onclick="changeClass()">Change</a>
</BODY>
</HTML>
|
| |
| |
|
|
