空白文本框值的Javascript不会工作,但jquery会

我在页面中有一个更新面板,供用户指定事件的"所有者".该所有者将是我们的活动目录中的用户.该面板允许用户输入一些文本,然后单击搜索按钮以在Active Directory中查找匹配的用户.当用户从匹配列表中选择用户时,将填充所有者的姓名和用户名.用户名保持隐藏状态,因为用户无需查看.所有这一切都很好

我的问题是,每当更改所有者名称的文本时,我都会触发一个事件处理程序,如果用户更改了所有者名称,我想将所有者用户名空白,直到用户实际调出匹配列表并选择有效条目.

我的问题是,当我尝试使用Javascript访问隐藏文本框的值时,我不能,但是当我尝试jquery等效代码时,它工作得很好.为什么？

这是我的Html

这是ownernametextbox更改事件的处理程序

    function OwnerNameTextChanged() {
        document.getElementById("OwnerUpdatePanel").childNodes[1].value = "";
    }

这将我的OwnerNameTextBox设置为空白,这不是我想要的.我想将OwnerUsernameTextbox设置为空白.但是当我将childNodes的下标更改为2时,没有任何更改(使用警报检查childNodes [2]的值,给我"undefined").但是如果我尝试使用jquery:

$("#OwnerUpdatePanel").children(":nth-child(2)").val("");

工作得很好.为什么jquery子选择工作,但不是javascript一个？

由于textNode也是childNode,您需要尝试

document.getElementById("OwnerUpdatePanel").childNodes[3].value = "";