Правомерно ли такое document.getElementById('m2').onClick

Brain_activities · December 4, 2007

Привет!

Собсно есть код, но вот эта строка выдает ошибки

 document.getElementById('m1').onClick = chmenu;

вообще это красиво выглядит но не работает.

Вопрос почему не работает и что сделать чтобы заработало.

<style type="text/css" media="screen">
body{
 padding:30px;
 margin:30px;
 }
#c1{
 background-color:#CCCCCC;
 display:block;
 width:202px;
 clear:left;
}
#c2{
 background-color:#99CCCC;
 display:none;
 width:202px;
 clear:left;
}
#m1{
 background-color:#99CCCC;
 color:#333333;
 text-decoration:underline;
 display:block;
 width:100px;
 padding:0px;
 float:left;
 text-align:center;
 cursor:pointer;
 border:1px dotted #CC6633;
}
#m2{
 background-color:#CCCCCC;
 color:#333333;
 text-decoration:underline;
 display:block;
 width:100px;
 padding:0px;
 float:left;
 text-align:center;
 cursor:pointer; 
 border:1px dotted #CC6633;

}
</style>
<script language="javascript" type="text/javascript">
<!--
var bMenu = true;
document.getElementById('m1').onClick = chmenu;
document.getElementById('m2').onClick = chmenu;
function chmenu(){
var d = document;
 if(bMenu){
 d.getElementById('c1').style.display = "none";
 d.getElementById('c2').style.display = "block";
 }else{
 d.getElementById('c2').style.display = "none";
 d.getElementById('c1').style.display = "block";
 }
bMenu = !bMenu;
}
//-->
</script>
</head>
<body>
<div onClick="chmenu()" id="m1">Menu 1</div><div onClick="chmenu()" id="m2">Menu 2</div>
<div id="c1">
Dolor ipsum color sit ammet

</div>
<div id="c2">
ammet sit color ipsum Dolor

</div>

AKS · December 4, 2007

...вообще это красиво выглядит но не работает.

А что красивого-то?

Вопрос почему не работает и что сделать чтобы заработало.

Для начала такой совет - не пытайтесь получить ссылку на узел документа:

document.getElementById('m1') // вызов метода в "шапке" документа!!!

до тех пор, пока этот элемент не "появится" в документе...

Brain_activities · December 4, 2007

Спасибо за помощь.

vasa_c · December 4, 2007

А еще помните, что JS регистрозависим и свойство onClick для DOM-элемента ничего не значит, в отличии от onclick

Sign In

Правомерно ли такое document.getElementById('m2').onClick

Question

Brain_activities

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

AKS

Link to comment

Share on other sites

Brain_activities

Link to comment

Share on other sites

vasa_c

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information