How do I use .getElementById(). dynamicly?

How do I make .getElementById() dynamic, as in the value inside () is a variable?
My script looks like this:

javascript code:

mouseover(tag)
{
   document.getElementById(tag).innerHTML = "Over";
}
mouseout(tag)
{
   document.getElementById(tag).innerHTML = "Out";
}

Code (markup):

html code:

<div id="test" mouseOver = "mouseover(test)" mouseOut = "mouseout(test)">Text</div>
<div id="test2" mouseOver = "mouseover(test2)" mouseOut = "mouseout(test2)">Text</div>

Code (markup):

Thanks.

~imzoeb

 

Start by not using "mouseover" and "mouseout" as names for your own functions. They're reserved for JavaScript.

 

Okay. What about my main question?

 

function hello(p_sTag) {
	document.getElementById(p_sTag).innerHTML = 'Over';
}

function goodbye (p_sTag) {
	document.getElementById(p_sTag).innerHTML = 'Out';
}

Code (markup):

<div id="test" onmouseover="hello('test')" onmouseout="goodbye('test')">Text</div>

<div id="test2" onmouseover="hello('test2')" onmouseout="goodbye('test2')">Text</div>

HTML:

 

no they are not.

console.log(typeof(mouseover), typeof(mouseout));
undefined undefined

PHP:

they are just event names that are fired, that's all.