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

我正在尝试使用JS获取我的

#address

div中的文本。出于某种原因，我不断得到一个

null

值。如果我做了不该做的事，请纠正我。以下是我尝试过的：

函数myFunction（）{
var uri=“www.google.com”；
var res=encodeURIComponent（uri）；
var address=document.getElementById（“地址”）；
console.log（uri）；//print out=www.google.com
console.log（res）；//print out=www.%20google.com
console.log（地址）；//打印输出=null？？？？
}

马萨诸塞州洛厄尔沃克街410号01851
console.log（）；
运行

您将获得DomeElement，但不会从中检索文本。为此，请使用

innerText

。试试这个：

函数myFunction（）{
var uri=“www.google.com”；
var res=encodeURIComponent（uri）；
var address=document.getElementById（“地址”）.innerText；//注意此处的innerText
console.log（uri）；//print out=www.google.com
console.log（res）；//print out=www.%20google.com
console.log（地址）；//打印输出=null？？？？
}

马萨诸塞州洛厄尔沃克街410号01851
console.log（）；
运行

执行以下操作：

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

---

如果您使用的是jquery，那么如何处理

$("#address").html()

---

编辑：您需要将jquery包含在标签中才能使用。

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

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

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

---

那也行。这取决于您是希望标记也位于元素内部，还是仅限于文本。OP只有文本，所以在这里没有意义。不起作用！：（

var address=document.getElementById（“地址”）.innnerText；

@evoque2015在这里似乎没问题：你能提供一个例子来说明问题吗。@evoque2015

innerHTML

，而不是

innerText

。如果

document.getElementById（“地址”）返回
null
，那么
document.getElementById（“地址”）.innerHTML
将引发一个错误。如果您看到代码，他使用的是Javascript符号。@WilfredoP问题也被标记为jQuery，不过如果这个答案解释了当前代码不起作用的原因，而不是在没有解释的情况下建议替代代码，那么这个答案会更好。@GolezTrol肯定会起作用，但我认为答案不完整e、 因为如果OP将这段代码放在他们的项目上，将永远无法工作，例如，因为他没有添加jQuery库。而且jQuery在这里没有标记：）@WilfredoP-Poor-argument。如果有人使用jQuery，他们可能已经包含了它，或者知道如何做。这个答案只显示了一行代码。您也可以认为它应该有
标记，或者函数结果没有分配给变量。是的，jQuery标签现在被删除了，但这更多是因为OP把他的问题弄得一团糟。出于这个原因，我删除了自己的答案。对于这样的问题，正确的答案随时可能变成错误的。