你如何添加/删除隐藏在<p hidden>使用 JavaScript [英] How do you add/remove hidden in <p hidden> with JavaScript

查看:42
本文介绍了你如何添加/删除隐藏在<p hidden>使用 JavaScript的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在

How do you add and remove 'hidden' from <p hidden>My Text</p>?

我尝试删除该属性并将其设置为 false,但它们都不起作用.

I tried removing the attribute and setting it to false but neither of them worked.

  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

推荐答案

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

It looks fine here. Try with this code if you wish.

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

You can see in codePen https://codepen.io/anon/pen/qozVaq

这篇关于你如何添加/删除隐藏在&lt;p hidden&gt;使用 JavaScript的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆