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; 

 

querySelector和getElementById性能分析与使用选择

记得我们在jquery里面得到一个元素要比直接使用javascript中的document.getElementById()等方法好用多了。随着现在浏览器的发展,目前几乎主流浏览器均支持了他们。包括 ...
  • hualimeme
  • hualimeme
  • 2015年03月18日 15:22
  • 7925

藏在IE中的Bug:关于document.getElementById()方法

Document类型提供了两个方法:document.getElementById()和getElementsByTagName()来取得特定的某个或某组元素的引用。        getEleme...
  • rocketleopard
  • rocketleopard
  • 2013年08月14日 22:01
  • 4366

getelementbyid属性与用法

语法:oElement = document .getElementById ( sID ) 参数:sID――必选项。字符串 (String) 。 返回值:oElemen――对象 (Ele...
  • qq_34241112
  • qq_34241112
  • 2016年04月15日 13:05
  • 132

IE8、IE7、IE6中使用getElementById需要注意的问题

最近,在公司负责编写一个绩效考核模块,页面上有许多输入框,笔者就想用javascript做一下简单验证,用struts的验证比较麻烦而且增加服务器负载。笔者在公司电脑上安装了IE10、chrome、f...
  • ZSMJ_2011
  • ZSMJ_2011
  • 2013年10月08日 21:23
  • 6554

Eclipse用法和技巧二十六:浅谈快捷键

网络上到处都是eclipse有哪些常用的快捷键,其中还有很多讲得着实不错,这里就不再狗尾续貂而是谈谈别的。最近加入了开发团队,发现关于快捷键还是有很多细节,轻重不说但是很是有些影响。 1.每个人都有自...
  • ts1122
  • ts1122
  • 2014年04月21日 07:31
  • 3850

getElementById 返回空、getElementById 参数为变量失败

最近在做一个报表的时候使用了ajax技术,将用户在页面操作之后,异步的结果利用js在特定的位置显示, 比如xmlHttp.responseText返回的结果是  "123456,操作成功",...
  • lilien1010
  • lilien1010
  • 2013年01月12日 10:07
  • 3392

通过getElementById来取得Form里的表单元素

湖南易通 function btnClick1() { textbox1.value = "黄雪辉"; } ...
  • Fanbin168
  • Fanbin168
  • 2014年07月24日 23:01
  • 1841

近期使用json总结的一些小技巧

json的确是一个非常方便的轻便的数据交换格式,最近项目中使用,使我深有体会。现在把工作中总结和学到的几个点归纳到一起。  1.常用的json服务器端解析工具包是:net.sf.json和o...
  • win2domain
  • win2domain
  • 2015年04月10日 16:25
  • 372

【Unity实用小技巧】Unity使用总结(一)

此总结部分仅为个人最初学习NGUI到现在使用NGUI过程中的点滴总结,有些可能比较久了,所以看上去会比较简单,就此Mark,也权当学习记录。 1.      同时打开多个Unity工程方法:菜单...
  • Winner_2012
  • Winner_2012
  • 2015年06月26日 16:44
  • 1138

sublime 使用技巧

sublime 使用技巧 首先官网下载安装 安装完成后常用插件进行对应的安装 进入https://packagecontrol.io/installation 进行package contro...
  • x8505122
  • x8505122
  • 2015年02月07日 20:03
  • 634
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:getElementById 用法的一个技巧
举报原因:
原因补充:

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