javascript - 当鼠标悬停到 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。