Javascript 未显示元素的文本内容，而是显示[object HtmlLevel]
这是从这里开始的。我打算通过回到基础上来理解哪里出了问题，尽管现在我面临着这个问题 我用数组“numbers”替换变量Javascript 未显示元素的文本内容，而是显示[object HtmlLevel],javascript,loops,iteration,nodes,Javascript,Loops,Iteration,Nodes,这是从这里开始的。我打算通过回到基础上来理解哪里出了问题，尽管现在我面临着这个问题 我用数组“numbers”替换变量 var divs = document.querySelectorAll(".entry"); 希望使类为“entry”的每个div都像前面数组“number”中的每个元素一样工作 然而我现在看到这个出现 [object HTMLDivElement] 数组的元素应该在哪里 这可能与NodeLists有关吗？ 我试图找到解决办法，但似乎无法奏效。 当单击“下一步”和“上一步
var divs = document.querySelectorAll(".entry");
[object HTMLDivElement]
<html>
<body>
<div id='entry1' class='entry'>
Left Dorchester at 11.45pm, travelling through the night. We arrived
at Liverpool dockside at
1.30pm the following day.
</div>
<div id ='entry2' class ='entry'>
Lounged about the deck most of the day, looking my last on old
England for some time, maybe.
</div>
<div class ='entry'>
Very calm sea, little breeze. We arrived at Greenock in the early
afternoon and dropped anchor.
</div>
<div id ="hello" class ='entry'>
I went on deck first thing this morning and found that we were still
lying off Greenock, but many ships
have altered their position in readiness.
</div>
<p id="filler"></p>
<button id="back">PREVIOUS</button>
<button id="forward">NEXT</button>
<script>
var divs = document.querySelectorAll(".entry");
var i=-1;
var text = "";
document.getElementById("back").addEventListener("click", function
previous() {
if (i > 0) {
text = divs[--i];
}
document.getElementById("filler").innerHTML = text;
});
document.getElementById("forward").addEventListener("click", function
next(){
if (i < divs.length - 1) {
text = divs[++i];
}
document.getElementById("filler").innerHTML = text;
});
</script>
</body>
</html>
晚上11点45分离开多切斯特，彻夜旅行。我们到了
在利物浦码头
翌日下午一时三十分。
一天的大部分时间都在甲板上闲逛，最后一次看我的旧船
也许在英国待一段时间。
海面很平静，微风很小。我们一大早就到了格林诺克
下午下锚了。
今天早上我第一件事就是上了甲板，发现我们仍然在一起
远离格林诺克，但有很多船
已经改变了他们的立场。
以前的
下一个
var divs=document.queryselectoral（“.entry”）；
var i=-1；
var text=“”；
document.getElementById（“返回”）.addEventListener（“单击”），函数
前（）{
如果（i>0）{
text=divs[--i]；
}
document.getElementById（“filler”）.innerHTML=text；
});
document.getElementById（“转发”）.addEventListener（“单击”），函数
下一个（）{
如果（i文档。getElementById（“填充”）。innerHTML=text到
document.getElementById（“填充”）.innerHTML=text.innerHTML
或者，您可以使用div
的属性，而不是。当您选择元素时，返回的对象是节点列表，要访问节点列表内容或文本中的节点，请使用textContent或innerHTML查看下面的示例以了解问题
var divs=document.queryselectoral（“.entry”）；
var i=-1；
var text=“”；
document.getElementById（“返回”）.addEventListener（“单击”），函数
前（）{
如果（i>0）{
text=divs[--i].textContent；
}
document.getElementById（“filler”）.innerHTML=text；
});
document.getElementById（“转发”）.addEventListener（“单击”），函数
下一个（）{
如果（i
晚上11点45分离开多切斯特，彻夜旅行。我们到了
在利物浦码头
翌日下午一时三十分。
一天的大部分时间都在甲板上闲逛，最后一次看我的旧船
也许在英国待一段时间。
海面很平静，微风很小。我们一大早就到了格林诺克
下午下锚了。
今天早上我第一件事就是上了甲板，发现我们仍然在一起
远离格林诺克，但有很多船
已经改变了他们的立场。
以前的
下一个