获取元素ID并传入函数

时间:2012-07-13 01:19:01

标签: php javascript

我正在使用javascript来获取元素ID值。但是在3中,我的一个元素id没有解析。它给了我[object HTMLInputElement],而其余的元素id值可以工作。

示例代码:

<?php 
$Name = "Johnnnny";
echo "<input type=\"hidden\" name=\"Name\" id=\"Name\" value=\"$Name\"/>";
?>
 <script>
  var ID= document.getElementById('ID').value; //this works.
  var Name = document.getElementById('Name').value; //give me [object HTMLInputElement]
 </script>

请告知。它应该能够获得'Name'.value

的ElementID

1 个答案:

答案 0 :(得分:1)

您应该将<input>元素放在<form>

你似乎对你的id感到困惑。获取ElementById将返回一个DOM元素,该元素的id属性设置为您提供的值。

所以,如果我有这样的事情:

<form id="theform">
    <input type="hidden" name="Name" id="Name" value="Johnny"/>
</form>

做这样的事情:

 document.getElementById('theform')

将返回表单并且:

 var iname = document.getElementById('Name')

会返回隐藏的输入。现在,您可以访问隐藏输入的属性,如下所示:iname.value [返回值]或iname.name [返回名称]

此外,就像其他人所说的那样,这不是你的所有代码,因为document.getElementById('ID')不会返回任何内容(null),你会收到错误。