Question

130

How to grab a text inside a div using JavaScript?

rated 0 times [ 131] [ 1] / answers: 1 / hits: 5233 / 10 Years ago, thu, january 22, 2015, 12:00:00

I'm trying to grab the text inside my #address div using JS. For some reason, I keep getting a null value. Please correct me if I did anything that I am not supposed to. Here is what I've tried:

function myFunction() {

  var uri = www. google.com;

  var res = encodeURIComponent(uri);

  var address = document.getElementById(address);



  console.log(uri); // print out = www. google.com

  console.log(res); // print out = www.%20google.com

  console.log(address); // print out = null ????

}

<script src=//code.jquery.com/jquery-1.10.2.js></script>

<div id=address> 410 Walker Street Lowell MA 01851</div>

<h1>console.log();</h1>

<button onclick=myFunction()>Run</button>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

xochitl

Add To Favorites

Follow

Total Points: 559

Total Questions: 95

Total Answers: 117

Location: Antigua and Barbuda

Member since Sat, Apr 24, 2021

3 Years ago

answered 10 Years ago trayvon · Accepted Answer

You're getting the DOMElement, but not retrieving the text from it. To do that use innerText. Try this:

function myFunction() {

  var uri = www. google.com;

  var res = encodeURIComponent(uri);

var address = document.getElementById(address).innerText; // note innerText here



  console.log(uri); // print out = www. google.com

  console.log(res); // print out = www.%20google.com

  console.log(address); // print out = null ????

}

<script src=//code.jquery.com/jquery-1.10.2.js></script>

<div id=address> 410 Walker Street Lowell MA 01851</div>

<h1>console.log();</h1>

<button onclick=myFunction()>Run</button>

Or alternatively, as you've tagged this question with jQuery:

var address = $('#address').text();

Also note that you've set id=addess in the HTML, which appears to be a typo.