如何将innerHTML字符串修剪为其中的特定元素？

Answer 1

这是我想出的一个解决方案，用于使用 for 循环隐藏多个元素。 我使这段代码可重用并且易于放入当前代码中。

//Is an array of all elements in div
let container = document.querySelector("#container").children;

//'i' = 1 so we don't hide the first element.
for (let i = 1; i < container.length; i++) {
  container[i].style.display = "none"; //hiding elements
  console.log("Element: " + Math(i + 1); //Logging data
}

<div id="container">
  <p id="P1">This is a paragraph 1.</p>
  <p id="P2">This is a paragraph 2 .</p>
  <p id="P3">This is a paragraph 3.</p>
</div>

希望这有帮助:) 如果有的话请投票。