getElementById 用法的一个技巧
2007-10-15 09:04
323 查看
<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;
相关文章推荐
- getElementById 用法的一个技巧
- getElementById 用法的一个技巧
- getElementById 用法的一个技巧
- getElementById 用法的一个技巧
- getElementById 用法的一个技巧
- getElementById 用法的一个技巧
- document.getElementById()方法简写【js技巧】
- 已知字符串msg='get-element-by-id';,写一个函数将其转化成驼峰表示法:'getElementById'
- getElementById(), getElementsByName()与getElementsByTagName()的用法比较!
- getElementById、 getElementsByName 和getElementsByTagName的用法
- document.getElementById() 的简写技巧
- getElementByID getElementsByName getElementsByTagName用法详解
- document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
- javascript getElementById 使用方法及用法
- getElementById的用法
- document.getElementById的用法
- 获取表单对象,getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- 已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”
- 获取表单对象,得三种方法getElementById(), getElementsByName(), and getElementsByTagName() 和用法
- getElementById的三个用法