javascript - 如何使用 JavaScript 抓取 div 中的文本？

Question

我正在尝试使用 JS 获取我的 #address div 中的文本。出于某种原因，我一直得到一个 null 值。如果我做了任何我不应该做的事情，请纠正我。这是我尝试过的:

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>

Answer 1

您正在获取 DOMElement，但未从中检索文本。为此，请使用 innerText。试试这个:

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>

或者，当您使用 jQuery 标记这个问题时:

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

另请注意，您在 HTML 中设置了 id="addess"，这似乎是一个拼写错误。