怎么引用一个 Html 控件对象

如何引用一个 Html 控件对象？
其实， 也就只是想获取网页中的一个文本框的内容！

HTML code

。。。    <script language="javascript" type="text/javascript">        //定义 文本框 的内容发生更改时的事件        function textName_Change() {            divMsg.innerHTML = textName.value;   // 语句错误？        }    </script>。。。        <!-- Html 服务器控件 属性 'runat'-->          <div>                  用户名：            <input id="textName" type="text" value = "UserName"  onchange ="return textName_Change()" />        </div>                <!-- 显示输入的信息-->        <div id ="divMsg"> </div>

运行出错：‘ textName 未定义 ’ ？？？ 那不也是个 ID 号么？？像这条语句 divMsg.innerHTML = "Hello!"; 使用ID标识 Div 控件 来显示信息，能正常运行 而且书上的例子也是这样赋值的？？

又用doucument获取 ID 对象，但第一次定义成这样的：

HTML code

    <script language="javascript" type="text/javascript">        // 获取文本框对象        var text = document.getElementById("textName");         function textName_Change() {            //alert(text);        //null            //text = document.getElementById("textName"); // 正确的            divMsg.innerHTML = text.value;          }    </script>

错误是： ‘缺少对象’？ 但是使用注释下的那个语句，在函数内部赋值，就可以正常显示？？

初学， 很是不明白 JS 到底是怎么一回事 ？？

[解决办法]
楼主，我运行了你的代码，效果是出来了，JS报错和你说的错误时一样的我做了下修改，现在可以了，代码如下：
<script language="javascript" type="text/javascript">

//定义 文本框 的内容发生更改时的事件
function textName_Change() {
divMsg.style.display = "block";
divMsg.innerHTML = form1.textName.value; // 语句错误？
}
红色标注的地方就是你页面上的formID。

</script>
[解决办法]
document.getElementById("textName").value
[解决办法]
id不是这样用的，得获取对象，document.getElementById("divMsg")
之后进行你想进行的操作
[解决办法]
JS要引用 Html 控件对象 首先肯定要先获取到这个对象 才能对这个对象进行操作撒
[解决办法]
divMsg.innerHTML = textName.value这个火狐是可以这样用的，IE内核的不支持
这样是通用的divMsg.innerHTML = document.getElementById( "textName").value;

查看更多 下一篇