ست کردن استایل 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";

	}