Question

我的问题是我想在文本框中插入一个值，但是按照它们的属性值引用该元素，你可以看到＆＃34; text＆＃34;但是我无法在

中插入值

<html>
 <body>
 <p id="p" align="justify">HI</p>
 <input type="text"  placeholder="Enter age" id="text"/>
 <input type="button" onclick="z()" value="Submit"/>
 <script>
    function z()
    {
    var age=document.getElementsByTagName("text").value;
    if(age<=18)
     {
     alert("age is less Than and equal to 18 Year")
     }
     else
     {
 alert("age is more than 18 Year")
    }
   }
 </script>
 </body>
 </html>

enter image description here

Answer 1

您要做的是按标签名称获取元素，“text”不是标记名称，而在您的情况下，标记的名称是“input”。但不是使用标签名称而是使用标签的id来获取该元素。您已将id =“text”赋予元素，因此请使用getElementById（“text”）。

以下是您的代码更新。

<html>
 <body>
  <p id="p" align="justify">HI</p>
  <input type="text"  placeholder="Enter age" id="text"/>
  <input type="button" onclick="z()" value="Submit"/>
  <script>
    function z() {
      var age=document.getElementById("text").value;
      if(age<=18)
      {
        alert("age is less Than and equal to 18 Year")
      }
      else
     {
      alert("age is more than 18 Year")
     }
  }
   </script>
   </body>
 </html>

Answer 2

您有输入字段的ID，因此请通过document.getElementById获取它，然后分析其值。

＆＃13;

 function z()
    {
    var age=document.getElementById("text").value;
    if(age<=18)
     {
     alert("age is less Than and equal to 18 Year")
     }
     else
     {
 alert("age is more than 18 Year")
    }
   }

＆＃13;

<html>
 <body>
 <p id="p" align="justify">HI</p>
 <input type="text"  placeholder="Enter age" id="text"/>
 <input type="button" onclick="z()" value="Submit"/>

 </body>
 </html>

＆＃13;

Answer 3

来自w3c documentation：

getElementsByTagName（）方法返回文档中具有指定标记名称的所有元素的集合，作为NodeList对象。

您无法按标记选择＆＃34;文字＆＃34;因为这不是有效的标签。这里有效的标签是＆＃34;输入＆＃34;或＆＃34; p＆＃34;。如果您仍想根据输入的类型进行选择，请尝试query selectors

Answer 4

查看您的代码，它告诉您需要一点澄清＆amp;阅读有关在javascript中使用DOM的内容。

Tag中的getElementsByTagName是什么？

Tag是在html中定义的内容，用于说明控件是什么。示例<p>，<input>，<label>等
getElementsByTagName方法将获取该tag的所有元素，并且将对所有元素执行对结果的任何操作。

为避免这种情况，应将id分配给html个元素，并在id中使用JS来获取元素并对其执行操作。

示例

var myObj = document.getElementById(‘ID_Og_Element’);

参考getElementsByTagName W3School

如何获取输入类型=＆＃34;文本＆＃34;在javascript中

4 个答案: