getElementById 用法的一个技巧

转载 2007年10月15日 09:04:00

 

<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>

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

 

        以上代码能够很好的工作。但是,我嫌等号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; 

 

计算机基础win7的基本用法

-
  • 1970年01月01日 08:00

getElementById 用法的一个技巧

假设实现把 TextBox1 的字符实时的拷贝到 TextBox2 中,代码如下:            function CopyStr()        {          document.g...
  • kemy88
  • kemy88
  • 2007-04-28 21:52:00
  • 1281

getElementById getElementsByName的用法与区别

标签: getElementById  getElementsByName  getElementsByTagName  getElementById:语法: document.getElementB...
  • lixuyuan
  • lixuyuan
  • 2011-07-19 15:57:56
  • 2257

Document对象的使用:getElementById()和getElementsByTagName()方法的使用练习

Document对象的使用:getElementById()和getElementsByTagName()方法的使用练习 1、  查找并访问节点 你可以通过若干方法来查找您希望操作的元素: (1...
  • Big_Bi
  • Big_Bi
  • 2016-01-20 23:21:57
  • 506

js中getElementById()的用法

Switch/Case handling window.onload=in
  • u012868077
  • u012868077
  • 2016-05-15 23:14:49
  • 1376

getElementById的用法

语法:  oElement = document . getElementById ( sID )   参数:  sID : 必选项。字符串(String)。   返回值:  oElement :...
  • a_sum_of_money
  • a_sum_of_money
  • 2009-11-30 22:26:00
  • 197

getElementById()用法

HTML DOM getElementById() 方法 定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 语法 docume...
  • Pieces123
  • Pieces123
  • 2016-08-14 19:21:55
  • 127

getElementById用法

这标题 点击标题,会提示出它的值。
  • liuzp111
  • liuzp111
  • 2014-04-09 11:09:42
  • 412

js的dom编程中opener父窗口和子窗口(封装document.getElementById问题)

1,首先是原始的html文件 open的父子窗口函数演示 var newWindow;//代表一个新窗口 function test(){ newWindow=window.ope...
  • hll174
  • hll174
  • 2014-09-27 17:14:38
  • 1032

已知字符串msg='get-element-by-id';,写一个函数将其转化成驼峰表示法:'getElementById'

//已知字符串msg='get-element-by-id';,写一个函数将其转化成驼峰表示法:'getElementById' combo("get-element-by-id"); funct...
  • u014033756
  • u014033756
  • 2017-08-05 13:21:37
  • 216
收藏助手
不良信息举报
您举报文章:getElementById 用法的一个技巧
举报原因:
原因补充:

(最多只允许输入30个字)