getElementById 用法的一个技巧

假设实现把 TextBox1 的字符实时的拷贝到 TextBox2 中，代码如下：

<Script language="Javascript">
        function CopyStr()
        {
          document.getElementById("TextBox2").value = document.getElementById("TextBox1").value;
        }
     </Script>

    <form name="form1" method="post" action="Default.aspx" id="form1">
     <input name="TextBox1" type="text" id="TextBox1" OnKeyup="CopyStr()" /><br />
     <input name="TextBox2" type="text" id="TextBox2" />
    </form>

以上代码能够很好的工作。但是，我嫌等号2边的 document.getElementById("...")的代码太长，想在使用前把它们先分别赋给2个变量，再使用它们。这样还有一个好处，就是当 document.getElementById("...") 在多条语句中使用的时候，节约代码量是很可观的。再者，如果document.getElementById("...")，要修改，只修改前边的一条语句就可以了。于是改写为：

var oBox1 = document.getElementById("TextBox1");
var oBox2 = document.getElementById("TextBox2");
oBox2.value = oBox1.value;

但是奇怪的是，程序执行后没有达到预期的结果。

原来，oBox2 本身是一个对象引用类型，要给它的属性赋值，必须先初始化它，然后才能使用。改成以下代码就可以了：

var oBox1 = document.getElementById("TextBox1");
            var oBox2 = new Object(); //声明对象变量
            oBox2 = document.getElementById("TextBox2");
            oBox2.value = oBox1.value;

--电脑学习网(http://www.why100000.com)
2007-4-8

getElementById 用法的一个技巧相关推荐

(COPY)document.all和document.getElementById用法 document.all用法:
(COPY)document.all和document.getElementById用法 document.all用法: <html> <body> < ...
else用法的一个小细节
前言在python中,大多数情况下,else都是配合if语句使用的,逻辑很简单,如果if的条件满足就执行if中的子句,否者(else)执行else中的. 但是偶然也看到配合循环语句使用的else 比 ...
手机有显示3g无法理解服务器,3G手机根本不需升级4G，一个技巧提高3倍网速！...
原标题:3G手机根本不需升级4G,一个技巧提高3倍网速! 我们用手机经常会有这种情况,明明信号很好但却上不去网.很多人认为这是手机网络的原因,急着去升级4G网络,或者有人认为手机老了卡了要换了.其实根 ...
关于C语言函数注释的一个技巧
关于C语言函数注释的一个技巧在C语言函数中,我们一般需要对函数参数进行必要的说明,这样我们可以更快的了解这个函数的功能. #include <stdio.h>void print(int ...
document.getElementById 用法详解！
document.getElementById(" ") 得到的是一个对象,用 alert 显示得到的是 " object ",而不是具体的值,它有 value ...
linux命令行语法cd用法,每天一个Linux命令之cd命令详解
Linux系统要学好其它命令则首先要学好cd命令的使用方法和技巧.下面由学习啦小编为大家整理了每天一个Linux命令之cd命令详解,希望对大家有帮助! 每天一个Linux命令之cd命令详解 cd命令用 ...
ExpandableListView用法的一个简单小例子
喜欢显示好友QQ那样的列表,可以展开,可以收起,在android中,以往用的比较多的是listview,虽然可以实现列表的展示,但在某些情况下,我们还是希望用到可以分组并实现收缩的列表,那就要用到an ...
【转】四、关于如何使用软件库的一个技巧-避免重复配置属性表
一.前言我们需要使用各种函数库,比如Opencv,Itk, vtk,当不同的函数库使用的时候,在VS配置属性是一个很麻烦的问题,并且设计到不同函数库的交叉使用,所以这里提供一个小技巧. 那就是我们把 ...
提高java效率_提高Java编程效率的一个技巧
我们在用Eclipse等IDE进行Java开发时,对于复制.粘贴等操作,我们最常用的是Ctrl+C和Ctrl+V,甚至是用鼠标右键进行操作.其实效率最高的操作方式应该还是命令行或快捷键操作方式.编程界 ...

getElementById 用法的一个技巧

getElementById 用法的一个技巧相关推荐

最新文章

热门文章