Question

我的代码显示了预期的结果，除了最后一行显示“ [object HTMLCollection]”。如何删除这个额外的代码段？

我搜索了一个答案，但是尽管有诸如“如何从HTMLCollection中删除项目？”之类的问题，但没有一个关于这些单词（[object HTMLCollection]）为什么显示以及如何删除它们的问题。这是我的代码：

<html>
<body>

<p>This bed is too small.</p>
<p id="p2">This bed is too big.</p>
<p>This bed is just right.</p>

<script>
var par = document.getElementsByTagName("p");
var p2 = document.getElementById("p2");
change = () => par[1].innerHTML = "This SUV is too big.";
p2.onclick = change;
document.write(par + "<br />");
</script>

</body>
</html>

我要从结果中删除最后一行：

这床太小了。

这辆SUV太大了。

这床正好。

[对象HTMLCollection]

Answer 1

删除行“ document.write（par +“
”）;“解决了问题。看来javascript将HTML元素视为对象而不是字符串。

我不需要首先写该行，因为

标记中的文本已经显示为字符串。起初我没有注意到。

如何删除网页末尾的[object HTMLCollection]行？

1 个答案: