当前位置: 代码迷 >> ASP.NET >> 怎么引用一个 Html 控件对象
  详细解决方案

怎么引用一个 Html 控件对象

热度:3765   发布时间:2013-02-25 00:00:00.0
如何引用一个 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;
  相关解决方案