How to get value of a div using javascript

Question

This is my div    lt div id  demo  align  center   value  1  gt       lt h3 gt By Color lt  h3 gt       lt input type  radio  name  group1  id  color1  value   990000   onClick  changeColor     gt  lt label for  color1  gt Red lt  label gt       lt input type  radio  name  group1  id  color2  value   009900  onClick  changeColor     gt  lt label for  color2  gt Green lt  label gt       lt input type  radio  name  group1  id  color3  value   FFFF00  onClick  changeColor      gt  lt label for  color3  gt Yellow lt  label gt  lt br gt  lt br gt  lt br gt   lt  div gt    I want the value attribute of that div  value  1      I am trying like this   function overlay         var cookieValue   document getElementById  demo   value          alert cookieValue       but it is showing  Undefined  how to get value 1 using javascript please suggest any solution

User · Accepted Answer

DIVs do not have a value property   Technically  according to the DTDs  they shouldn t have a value attribute either  but generally you ll want to use  getAttribute   in this case   function overlay         var cookieValue   document getElementById  demo   getAttribute  value        alert cookieValue

User · Answer

First of all   lt div id  demo  align  center   value  1  gt  lt  div gt    that is not valid HTML  Read up on custom data attributes or use the following instead    lt div id  demo  align  center  data-value  1  gt  lt  div gt    Since  data-value  is an attribute  you have to use the getAttribute function to retrieve its value   var cookieValue   document getElementById  demo   getAttribute  data-value

User · Answer

Value is not a valid attribute of DIV  try this  var divElement   document getElementById  demo    alert  divElement  getAttribute  value

User · Answer

As I said in the comments  a  lt div gt  element does not have a value attribute  Although  very  bad  it can be accessed as   console log document getElementById  demo   getAttribute     I suggest using HTML5 data-  attributes rather  Something like this    lt div id  demo  data-myValue  1  gt     lt  div gt    in which case you could access it using   element getAttribute  data-myValue      Or using jQuery      demo   data  myValue

User · Answer

You can try this   var theValue   document getElementById  demo   getAttribute  value

User · Answer

To put it short  value  is not an valid attribute of div   So it s absolutely correct to return undefined   What you could do was something in the line of using one of the HTML5 attributes  data-     lt div id  demo  align  center   data-value  1  gt    And the script would be   var val   document getElementById  demo   getAttribute  data-value      This should work in most modern browsers Just remember to put your doctype as  lt  DOCTYPE html gt  to get it valid

[javascript] How to get value of a div using javascript

Examples related to javascript

Examples related to html