2013-06-27 31 views
0

在下面这段代码中,我想使用您的ID访问输入文本框的值。但它抛出了一个对象错误。如何访问文本值

<HTML> 
<HEAD> 
<script> 
function test() 
{ 
var a1 = document.getElementById(i1); 

alert(a1); 
} 
</script> 
</HEAD> 

<BODY> 
<div id= 'test1'> 
<div id = 'test2'> 
     <input id = 'i1' type = 'text' name='i1' value='random'> 
     <input type='button' value="click me" onclick="test()"> 

    </div> 
</div> 

</BODY> 

回答

0

你错过了引号,也得到值,你应该使用.value

function test() { 
var a1 = document.getElementById("i1").value;  
alert(a1); 
} 
3
var a1 = document.getElementById(i1); 

变化

var a1 = document.getElementById('i1').value; 
0

使用:

var a1 = document.getElementById("i1"); 
0

例1

function test() { 
var a1 = document.getElementById('i1').value;  
alert(a1); 
} 

例题

<input type='button' value="click me" onclick="test(document.getElementById('i1').value)"> 

function test(a1) { 
    alert(a1); 
} 

FULL HTML代码

<HTML> 
    <HEAD> 
    <script> 
    function test() 
    { 
    var a1 = document.getElementById('i1').value; 

    alert(a1); 
    } 
    </script> 
    </HEAD> 

    <BODY> 
    <div id= 'test1'> 
    <div id = 'test2'> 
    <input id = 'i1' type = 'text' name='i1' value='random'> 
    <input type='button' value="click me" onclick="test()"> 

    </div> 
    </div> 

</BODY> 
<HTML> 
+0

您错过了报价单document.getElementById(“i1”) – Praveen

0

变化

var a1 = document.getElementById(i1); 

这个

var a1 = document.getElementById(i1).value;

也可以更改

警报(A1);

警报(a1.value);