[原创]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;
[解决办法]
var oBox1 = document.getElementById( "TextBox1 ");
var oBox2 = document.getElementById( "TextBox2 ");
oBox2.value = oBox1.value;
但是奇怪的是，程序执行后没有达到预期的结果。
是吗?!似乎这么用过，没出这样问题
[解决办法]
你的这个例子不是很恰当：
var oBox1 = document.getElementById( "TextBox1 ");
var oBox2 = document.getElementById( "TextBox2 ");
oBox2.value = oBox1.value;
这段代码在IE5 IE6 IE7，在FF2，在Opera9都是正确的，那原因就不是必须 var oBox2=new Object()了。而是你自己的测试环境出了问题！
[解决办法]
var oBox1 = document.getElementById( "TextBox1 ");
var oBox2 = document.getElementById( "TextBox2 ");
oBox2.value = oBox1.value;
这样子做是没有问题的.觉得是你浏览器出毛病了吧.
[解决办法]
这个不是对象引用的问题，可能是document.getElementById( "TextBox2 ")没有返回宿主对象，你试下alert(oBox2),看是不是undefined
[解决办法]
你看看是不是有个元素的name叫“oBox2”
[解决办法]
IE 6 下好好的，怀疑 LZ 的浏览器出现了灵异事件，怕怕
写个字符数更少的，但是可读性忒差，L@_@K
<body>
<input name= "TextBox1 " type= "text " id= "TextBox1 " value= "ok " /> <br />
<input name= "TextBox2 " type= "text " id= "TextBox2 " />
<script language= "JavaScript ">
<!--
var dg = document.getElementById;
var oBox1 = dg( "TextBox1 ");
var oBox2 = dg( "TextBox2 ");
oBox2.value = oBox1.value;
//-->
</script>
</body>
