html - How to grab a text inside a div using JavaScript? - Stack Overflow

admin管理员组

文章数量:1309947

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";
  var res = encodeURIComponent(uri);
  var address = document.getElementById("address");

  console.log(uri); // print out = www. google
  console.log(res); // print out = www.%20google
  console.log(address); // print out = null ????
}

<script src="//code.jquery/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>

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.";
  var res = encodeURIComponent(uri);
  var address = document.getElementById("address");

  console.log(uri); // print out = www. google.
  console.log(res); // print out = www.%20google.
  console.log(address); // print out = null ????
}

<script src="//code.jquery./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>

• javascript
• html

Share Improve this question Follow edited Dec 24, 2019 at 9:17 Rory McCrossan 338k4141 gold badges320320 silver badges351351 bronze badges asked Jan 22, 2015 at 14:21 ioriiori 3,5061515 gold badges4949 silver badges7979 bronze badges 0

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 8

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.";
  var res = encodeURIComponent(uri);
var address = document.getElementById("address").innerText; // note innerText here

  console.log(uri); // print out = www. google.
  console.log(res); // print out = www.%20google.
  console.log(address); // print out = null ????
}

<script src="//code.jquery./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.

Do this:

var address = document.getElementById("address").innerHTML;

if you are using jquery, then what about

$("#address").html()

Edit: You need to include jquery for this to work in your tag.

If you import the jquery library you can do:

$('#address').text();  //get's the text
$('#address').text("some text"); //sets the text

$('#address').text("some text"+ $('#address').text());  //prepends

本文标签： htmlHow to grab a text inside a div using JavaScriptStack Overflow