javascript - 你如何使用 JavaScript 添加/删除隐藏在 <p hidden> 中

标签 javascript html attributes hidden

如何添加和删除'hidden'来自 <p hidden>My Text</p>

我尝试删除该属性并将其设置为 false,但两者均无效。

  let p = document.getElementsByTagName('p');
  let myText;
    
  for (i = 0; i < p.length; i++) {
    if (p[i].innerHTML == "My Text") {
      myText = p[i];
      break;
    }
  }

  myText.removeAttribute("hidden"); // no effect
  myText.setAttribute("hidden", false); // no effect

最佳答案

这里看起来不错。如果您愿意,请尝试使用此代码。

index.html

<html>
<head>

</head>
<body>
      <p hidden>My Text</p>
</body>
</html>

脚本

let p = document.getElementsByTagName('p');
let myText;

for (i = 0; i < p.length; i++) {
  if (p[i].innerHTML == "My Text") {
    // console.log(myText, p[0].innerHTML);
    myText = p[i];
    break;
  }
}

myText.removeAttribute("hidden"); 

在codePen中可以看到 https://codepen.io/anon/pen/qozVaq

关于javascript - 你如何使用 JavaScript 添加/删除隐藏在 <p hidden> 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49836397/

相关文章:

ASP.NET ActionFilters 和继承

javascript - Backbone : How to update a collection view when collection changes?

javascript - 如何在 React 组件中访问 js 和 jsx 中 map 函数之外的变量

javascript - 仅在一个部分实现整页js效果

html - 图像中间的中心按钮

javascript - 根据点击更改 URL

Javascript 函数在应该返回 true 的地方返回 false

javascript - 将函数调用限制在一分钟的间隔内最多 15 次

xslt - 按特定顺序对属性进行排序以进行输出

arrays - 如何根据元素在数组中的索引位置分配属性?