Question

我认为这应该是直截了当的，但我坚持要获得“cpsc”值。我试图谷歌这个，几乎所有的搜索结果告诉我使用“.value”。但是这个特殊的类“控制术语”似乎不起作用，只返回“未定义”。

<div class="control term">
     <input type="text" value="cpsc">
</div>

我的代码： document.getElementsByClassName（“control term”）[0] .value;

Answer 1

您正在阅读div。您应该从input开始阅读。

<div class="control term"> <input id="inputTag" type="text" value="cpsc"> </div>

document.getElementsBYId("inputTag").value;

Answer 2

问题是类“控制术语”是在div元素而不是你的输入。另外作为一个注释，一个类应该只有一个单词（即.trolTerm），它们之间有一个空格为div分配两个不同的类：control，和term。

您有两种选择：

在输入中添加一个类
获取document.getElementsByClassName（“控制术语”）的子项，然后提取其值。

希望这有帮助

<div class="control">
    <input class="term" type="text" value="cpsc">
</div>

document.getElementsByClassName("term")[0].value;

Answer 3

<div>
     <input type="text" value="cpsc" class="control term">
</div>

<button onclick="myFunction()">Try it</button>

<script>
  function myFunction() {
     alert(document.getElementsByClassName("control term")[0].value);
  }
</script>

您必须将class属性放在输入标记

中

Answer 4

您需要在输入中添加类，然后使用以下代码获取输入值。

<div class="control term">
    <input type="text" class = "test" value="cpsc">
</div>

<button onclick = "myFunction()">Click me</button>

<script>
    function myFunction(){
        alert(document.getElementsByClassName("test")[0].value);
    }
</script>

如果“control term”div中有多个具有相同类名的输入框，则可以使用以下代码访问它们的值。

<div class="control term">
    <input type="text" class = "test" value="cpsc">
    <input type="text" class = "test" value="cpsc1">
</div>

<button onclick = "myFunction()">Click me</button>

<script>
    function myFunction(){
        alert(document.getElementsByClassName("test")[0].value);
        alert(document.getElementsByClassName("test")[1].value);
    }
</script>

或者如果你想在“控制术语”div中获得输入框的所有值，你可以这样做。

<div class="control term">
    <input type="text" class = "test" value="cpsc">
    <input type="text" class = "test" value="cpsc1">
</div>

<button onclick = "myFunction()">Click me</button>

<script>
    function myFunction(){

        var x = document.getElementsByClassName("control term");
        for(var i = 0;i<=x.length;i++){

            alert(x[0].getElementsByClassName("test")[i].value);
    }
</script>

希望这会对你有所帮助。

如何从文本字段中获取值？

4 个答案: