为什么Array.from返回[object HTMLParagraphElement]而不是段落中的内容？

Array.from方法是将类似数组或可迭代对象转换为真正的数组。它接受一个类似数组的对象或可迭代对象作为参数，并返回一个新的数组实例。

在这个特定的问题中，Array.from方法返回了"[object HTMLParagraphElement]"而不是段落中的内容，是因为参数传递的对象是一个HTML段落元素，而不是包含在段落中的文本内容。

HTML段落元素是表示段落的标签，它是HTML文档中的一部分，而不是文本本身。因此，当我们使用Array.from方法将段落元素传递给它时，它会将该元素视为一个对象，并返回该对象的字符串表示形式，即"[object HTMLParagraphElement]"。

如果我们想要获取段落中的文本内容，而不是元素本身，我们可以使用其他方法来实现。例如，可以使用textContent属性来获取元素的文本内容。以下是一个示例：

const paragraph = document.querySelector('p'); // 获取第一个段落元素
const text = paragraph.textContent; // 获取段落元素中的文本内容
console.log(text); // 输出段落中的文本内容

在这个例子中，我们使用了document.querySelector方法来获取第一个段落元素，并使用textContent属性来获取该元素中的文本内容。最后，我们将文本内容打印到控制台上。

需要注意的是，Array.from方法并不是用于获取HTML元素的文本内容，而是用于将类似数组的对象或可迭代对象转换为真正的数组。如果我们想要获取HTML元素的文本内容，应该使用适当的属性或方法来实现。