Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何访问文本值_Javascript_Html - Fatal编程技术网

Javascript 如何访问文本值

Javascript 如何访问文本值,javascript,html,Javascript,Html,在下面的代码中,我想使用您的id访问输入文本框值。但它抛出了一个对象错误 <HTML> <HEAD> <script> function test() { var a1 = document.getElementById(i1); alert(a1); } </script> </HEAD> <BODY> <div id= 'test1'> <div id = 'test2'>

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

功能测试()
{
var a1=document.getElementById(i1);
警报(a1);
}

您缺少引号,为了获得值,您应该使用
.value

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

您缺少引号,为了获得值,您应该使用
.value

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

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

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

使用:


示例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);
}

功能测试(a1){
警报(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>

功能测试()
{
var a1=document.getElementById('i1')。值;
警报(a1);
}

示例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);
}

功能测试(a1){
警报(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>

功能测试()
{
var a1=document.getElementById('i1')。值;
警报(a1);
}
更改

对此

var a1=document.getElementById(i1).value

或者你可以改变

警报(a1)

警报(a1值)

改变

对此

var a1=document.getElementById(i1).value

或者你可以改变

警报(a1)

警报(a1值)


您缺少quotes文档。getElementById(“i1”)您缺少quotes文档。getElementById(“i1”)