JavaScript get the value of input in a div

Question

I want to get the value of an input in a div. I've tried document.getElementById('id').getElementsByTagName('input') but somehow I can't get the value.

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/

getElement s ByTagName. ElementSSSSSS. Plural.

Niet the Dark Absol
– Niet the Dark Absol

2015-01-21 15:18:34 +00:00
Commented Jan 21, 2015 at 15:18 — Niet the Dark Absol
– Niet the Dark Absol, Commented Jan 21, 2015 at 15:18

Niet the Dark Absol · Accepted Answer · 2015-01-21 15:19:23Z

2

Or be more clever:

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

answered Jan 21, 2015 at 15:19

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Moob Over a year ago

Useful answer (aside from the snide intro)

dnemoga · Accepted Answer · 2015-01-21 15:18:12Z

1

getV contains a collection of nodes. You need to get first element getV[0] or getV.item(0) and then do another operations.

answered Jan 21, 2015 at 15:18

dnemoga

2143 silver badges5 bronze badges

Comments

tymeJV · Accepted Answer · 2015-01-21 15:18:22Z

1

.getElementsByTagName returns a collection - reference the index you want:

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

answered Jan 21, 2015 at 15:18

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Comments

Wilfredo P · Accepted Answer · 2015-01-21 15:18:22Z

1

You forgot de position because getV will get a collention's nodes, use [0] to get the node:

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

DEMO LIVE

answered Jan 21, 2015 at 15:18

Wilfredo P

4,07430 silver badges46 bronze badges

Comments

Benjamin De Cock · Accepted Answer · 2015-01-21 15:18:37Z

1

Just add [0] after getElementsByTagName('input').

answered Jan 21, 2015 at 15:18

Benjamin De Cock

2301 silver badge5 bronze badges

Comments

Anders Anderson · Accepted Answer · 2015-01-21 15:25:10Z

1

A Solution...

Lets say it like this: My Version takes the Div Element and searches for All Input child Elements. It works ;)

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

answered Jan 21, 2015 at 15:25

Anders Anderson

4333 silver badges8 bronze badges

Collectives™ on Stack Overflow

JavaScript get the value of input in a div

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related