How to get div element values in Javascript?

Question

 <html>
 <head>
 <script type="text/javascript">
 function caluculate(x)
  {
 var temp=x+1;
 var cn = document.getElementsByName(temp)[0].childNodes;
 alert( "attribute name :"+cn[0].name + "attributevalue :" + cn[0].nodeValue );  
  }
 </script>
 </head>
 <body>
 <div id="fn1">
  Enter your name: <input type="text" name="name" id="fn" onkeyup="caluculate(this.id)">
  Enter your age:  <input type="text" name="age" id="fa" onkeyup="caluculate(this.id)">
  NAME + AGE :<input type="text" name="nameage" id="fname" value="">
 </div>
 </body> </html>

How to get div element values in Javascript? I want to get the each values of input tag.

Please help me.

use a javascript toolkit like jquery, it'll be a lot easier. For now you can try document.getelementbyid().innerHTML but I'm not sure that'll work. — prongs
– prongs, Commented Dec 27, 2011 at 7:26

codeandcloud · Accepted Answer · 2011-12-27 07:50:12Z

1

Try something like this.

HTML

<div id="fn1">
    Enter your name: <input type="text" name="name" id="fn" onkeyup="caluculate()">
    Enter your age:  <input type="text" name="age" id="fa" onkeyup="caluculate()">
    NAME + AGE :<input type="text" name="nameage" id="fname" value="">
</div>

JavaScript

function caluculate() {
    var cn = document.getElementById("fn1").getElementsByTagName("input");
    cn[2].value = "name: " + cn[0].value + ", age: " + cn[1].value;
}

answered Dec 27, 2011 at 7:50

codeandcloud

55.5k47 gold badges169 silver badges259 bronze badges

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

Comments

Knowledge Craving · Accepted Answer · 2011-12-27 07:24:29Z

0

Please try the following JavaScript function:-

function caluculate(x)
{
    var ele = document.getElementById(x);
    alert("attribute name: " + ele.name + ", attribute value: " + ele.value);
}

Since this JS function is always being called with the argument being the input element's ID, so there is no need to get / maintain the div element anywhere.

Hope it helps.

answered Dec 27, 2011 at 7:24

Knowledge Craving

7,99913 gold badges52 silver badges92 bronze badges

Collectives™ on Stack Overflow

How to get div element values in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related