ست کردن استایل hover با جاوااسکریپت

[سیدجواد]

سلام
یک چنین استایلی:
#a1:hover #a2{height:50px;}
رو میشه مستقیما با جاوااسکریپت ست کرد یا حتما باید از onmouseover و امثالهم استفاده کرد؟

[mohebbimahmood]

سلام
یک چنین استایلی:
#a1:hover #a2{height:50px;}
رو میشه مستقیما با جاوااسکریپت ست کرد یا حتما باید از onmouseover و امثالهم استفاده کرد؟


سلام
آیا منظورتون به همچین چیزی هست؟

var a1 = document.getElementById('a1');
var a2 = document.getElementById('a2');


a1.onmouseover = function() {
a2.style.height = "50px";
};

[mohebbimahmood]

سلام
آیا منظورتون به همچین چیزی هست؟

var a1 = document.getElementById('a1');
var a2 = document.getElementById('a2');


a1.onmouseover = function() {
a2.style.height = "50px";
};




البته یه چیزی رو یادم رفته بود بنویسم اونم این هست که وقتی که کاریر المنت رو حاور کرد استایلی که اعمال کردیم همونطوری می میمونه و ریست نمی شه برا همین باید از کد زیر استفاده کنیم:

var a1 = document.getElementById('a1'); var a2 = document.getElementById('a2');


a1.onmouseover = function() {
a2.style.height = "50px";
};
a1.onmouseleave = function() {
a2.style.height = "20px";
}