当鼠标移到tr时，如何设置表中输入的黑色背景？

Question

我自己尝试制作了一半来源，但我无法继续前进，似乎我陷入了困境：

<table id="percab" onmouseover="hov();" border="1" style="width: 100%;">
    <tr><td><input type="text" value="something" name="test" /></td><td>welcome</td></tr>
    <tr><Td>check this out</td><td>&nbsp;</td></tr>
    <tr><td><input type="text" value="example" name="sample" /></td><td>sample</td></tr>
</table>​

function hov() {


    if(!document.getElementsByTagName || !document.createTextNode) return;
    var rows = document.getElementById('percab').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
    for(i = 0; i < rows.length; i++) {
        rows[i].onmouseover = function() {
            for(var childItem in this.childNodes) {
                if(this.childNodes[childItem].nodeType == 1) {
                    this.childNodes[childItem].style.backgroundColor = "#000";
                    this.childNodes[childItem].style.color = "#FFF";
                }
            }
        }
    }
}​

如果行有任何输入（现在它只是里面的文本输入）我想设置此输入的背景也是黑色。

请纯JavaScript 。