JavaScript獲取div中輸入的值

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

您忘記了位置，因為getV將獲取一個collontion的節點，請使用[0]來獲取該節點：

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

現場直播

Answer 5

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

Answer 6

一個解法...

可以這樣說：我的版本采用Div元素並搜索All Input子元素。 有用 ;）

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