Question

我想在div中获取输入的值。我已经尝试了document.getElementById('id').getElementsByTagName('input')，但不知怎的，我无法获得价值。

HTML：

<div id="ST_RTM1_352X-MESSAGE_TYPED01_TXT">
    <input class="MobileEditDisabled ABLED" value="E" size="2" maxlength="2" type="text">
</div>

JS：

var getV = document.getElementById("ST_RTM1_352X-MESSAGE_TYPED01_TXT").getElementsByTagName('input');
alert(getV.value);

JSFiddle：http://jsfiddle.net/aldimeola1122/2aLn33hn/

Answer 1

或者更聪明：

var getV = document.querySelector("#ST_RTM1_352X-MESSAGE_TYPED01_TXT input");
alert(getV.value);

Answer 2

getV包含一组节点。您需要获取第一个元素getV[0]或getV.item(0)，然后执行其他操作。

Answer 3

.getElementsByTagName返回一个集合 - 引用你想要的索引：

var getV = document.getElementById("ST_RTM1_352X-MESSAGE_TYPED01_TXT").getElementsByTagName('input')[0];

Answer 4

你忘记了de position因为getV会获得一个节目的节点，使用[0]获取节点：

var getV = document.getElementById("ST_RTM1_352X-MESSAGE_TYPED01_TXT").getElementsByTagName('input')[0];

DEMO LIVE

Answer 5

只需在[0]之后添加getElementsByTagName('input')。

Answer 6

A Solution...

让我们这样说：我的版本采用Div元素并搜索所有输入子元素。它有效;）

var getV = document.getElementById("ST_RTM1_352X-
MESSAGE_TYPED01_TXT").getElementsByTagName('input');
alert("Inputelements in the Div:" +getV.length);
for (var i = 0; i<getV.length; i++){
    alert("Value of input " + i + ": " + getV[i].value);   
}

JavaScript获取div中输入的值

6 个答案: