如何使用JavaScript获取div内的文本？

Question

• 我正试图用JS 抓住text我的地址<div>.
• 这是我的 <div id="address"> 410 Walker Street Lowell MA 01851</div>
• 出于某些原因,我不断获得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> 


<script  type="text/javascript">
    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>

Answer 1

您正在获取DOMElement,但没有从中检索文本.试试这个:

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

或者,正如您使用jQuery标记了这个问题:

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

另请注意,您已id="addess"在HTML中设置,这似乎是一个错字.