JavaScript隐藏然后显示数组中的元素

Question

我有一个简单的数组，它有三个元素。我的元素持有简单的段落格式文本：

var quoteList = new Array(
"<p>One</p>", 
"<p>Two</p>", 
"<p>Three</p>"
);

这个初始化在我的标题中完成。现在，在我的身体中，我通过做一个简单的document.write;

来打印它们

for(i=0; i<quoteList.length();i++)
{
    document.write(quoteList[i]);
}

这样可行，它打印出我的数组中保存的三段格式化文本元素。

现在，我希望在单击<a href>标记时滚动浏览它们，但是我甚至在显示某些元素时遇到问题，有些隐藏，请参阅示例;

quoteList[0].style.display="block";
quoteList[1].style.display="none";
quoteList[2].style.display="none"; 

这似乎不起作用。所以，我有两个问题：

1. 在mouseClick上循环访问我的数组元素
2. 我甚至无法将我的quoteList元素隐藏/可见。

Answer 1

quoteList是一个字符串数组。在将这些字符串写入文档后，您将创建HTML元素并需要像这样访问它们。

一种解决方案是在字符串阶段添加id标记："<p id="p_0">One</p>"，然后使用document.getElementById("p_0")访问它。

另一个选择是使用document.createElement("p")创建元素，然后将它们附加到文档中。因为您已经创建了元素，所以可以将它们存储在数组中。

第三个选项是使用<P>检索所有document.querySelector("p")代码，然后迭代它们。请注意，这将选择文档中的所有<P>元素。