如何访问文本值

时间:2013-06-27 06:49:35

标签: javascript html

在下面的代码中我想使用你的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>

5 个答案:

答案 0 :(得分:3)

var a1 = document.getElementById(i1);

更改为

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

答案 1 :(得分:0)

你缺少引号,也是为了获得价值,你应该使用.value

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

答案 2 :(得分:0)

使用:

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

答案 3 :(得分:0)

<强>示例1

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

<强>例2

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

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

完整的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>

答案 4 :(得分:0)

更改

var a1 = document.getElementById(i1);

到这个

  

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

或者你可以改变

  

警报(A1);

  

警报(a1.value);