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();

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

Answer 2

这样做：

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

Answer 3

如果你使用的是jquery，那么

呢

$("#address").html()

修改：您需要包含jquery才能在您的代码中使用。

Answer 4

如果您导入jquery库，则可以执行以下操作：

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

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

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

4 个答案: