JS學習之onmouseover事件與onmouseout事件實現

很簡單，直接上代碼

html:

 

<tr onmouseover="mover('userName1')" onmouseout="mout('userName1')" id="userName1">
                    <td>
                        姓名
                    </td>
        
                    <td>
                        *
                        <input type="text" name="userName" id="userName" onfocus="of('userName')" onblur="ob()" required="required" />
                        
                    </td>
                </tr>

 

JS代碼：

    function mover(id){
                document.getElementById(id).style.backgroundColor="pink";
                
            }
              function mout(id){
                document.getElementById(id).style.backgroundColor="white";
            }