Getting value using div id into Javascript variable

Question

I am trying to turn an HTML id to a Javascript variable, the reason is I want to retrieve another variable from another file, I ended up having the variable in HTML format, and I would like to use that variable in the javascript script. Is there a simple way to solve this problem? Because my code doesn't seem to be working. Thank you

<!DOCTYPE html>
<head>
  <div id="theVariable">13579</div>
  <script type="text/javascript">
    var converted = document.getElementById("theVariable").value;
    //var converted = document.getElementById("theVariable");
    document.write(converted);
    document.write(" something else");
  </script>
</head>

<!---------out put should be: --------
13579
13579 something else
--------------------------------------->

Have you tried to include the link of javascript file on <script> instead of print it all on HTML? — Lucky
– Lucky, Commented Feb 1, 2018 at 3:09

Suresh Atta · Accepted Answer · 2018-02-01 03:08:13Z

2

You are trying to use the attribute value on a div element which wont work. Use innerhtml instead

<!DOCTYPE html>
<head>
  <div id="theVariable">13579</div>
  <script type="text/javascript">
    var converted = document.getElementById("theVariable").innerHTML;
    //var converted = document.getElementById("theVariable");
    document.write(converted);
    document.write(" something else");
  </script>
</head>

<!---------out put should be: --------
13579
13579 something else
--------------------------------------->

answered Feb 1, 2018 at 3:08

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

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

Comments

brk · Accepted Answer · 2018-02-01 03:11:35Z

0

You can use textContent & trim.trim will remove any white space

var converted = document.getElementById("theVariable").textContent.trim();
console.log(converted)

<div id="theVariable">13579</div>

answered Feb 1, 2018 at 3:11

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

Khoi Ngo Nguyen · Accepted Answer · 2018-02-01 03:25:01Z

0

.value uses to get value in input tag. for div/span/p, we should use innerHTML

answered Feb 1, 2018 at 3:25

Khoi Ngo Nguyen

1745 bronze badges

Collectives™ on Stack Overflow

Getting value using div id into Javascript variable

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related