javascript - 隐藏具有指定 id 的元素

Question

我有两个不同的div

var promptContent = $('<div id="errorr">').addClass("formErrorContent").html(promptText).appendTo(prompt);
var arrow = $('<div id="errorrarrow">').addClass("formErrorArrow");

我想像这样在 javascript 中使用他们的 id

  function windowclose()
{
    document.getElementById('add_project').style.display="none";
    document.getElementById('blanket').style.display="none";
    document.getElementById('errorr').style.display="none";
    document.getElementById('errorrarrow').style.display="none";

//     $("#blanket").fadeIn("none");
//        $("#add_project").fadeIn("none");
}

但这里它只隐藏了第一个 div。我想隐藏所有具有相同 ID 的 div。我该怎么做？

Answer 1

选择使用名称或 ID:

getElementsByName('errorr') 在 DOM 中搜索名为 errorr 的元素

getElementById('errorr') 在 DOM 中搜索一个 id 等于 errorr 的元素；

尝试更改您的代码:

document.getElementsByName('errorr').style.display="none";
document.getElementsByName('errorrarrow').style.display="none";

到

document.getElementById('errorr').style.display="none";
document.getElementsById('errorrarrow').style.display="none";

还请注意，DOM 必须具有所有唯一 ID(作为规则)

更新:

好吧，如果您需要隐藏一组 div，我通常会在所有这些 div 中添加一个类，例如 .element-to-hide:

<div id="asd" class="element-to-hide">...
<div id="lol" class="element-to-hide">...
<div id="foo" class="element-to-hide">...

只需一点 jQuery 之后的 Ant:

$('.element-to-hide').each(function(){
  $(this).hide();
});

希望对你有帮助