javascript - 如何使用 onmouseover 更改颜色？

Question

我想知道如何将这 2 个函数合并为 1 个函数。

 function test1() {
                document.getElementById('div1').style.color = 'red';
            }
 function test2() {
                document.getElementById('div1').style.color = 'blue';
            }


    <div onmouseover="test1()" onmouseout ="test2()" id="div1">
    </div>

Answer 1

将对象和颜色传递给test 方法

 function test(thisObj, color) 
 {
    thisObj.style.color = color;
 }

 <div onmouseover="test(this, 'red')" onmouseout ="test(this, 'green')" id="div1"></div>