你如何添加/删除隐藏在与 JavaScript

Question

How do you add and remove 'hidden' from My Text ?如何在My Text中添加和删除'hidden' ？

I tried removing the attribute and setting it to false but neither of them worked.我尝试删除该属性并将其设置为 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

Answer 1

It looks fine here.这里看起来不错。 Try with this code if you wish.如果您愿意，请尝试使用此代码。

index.html索引.html

<html>
<head>

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

script脚本

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");

You can see in codePen https://codepen.io/anon/pen/qozVaq您可以在 codePen https://codepen.io/anon/pen/qozVaq 中看到

Answer 2

Could you set an ID on the  tag and interact with it that way?你能在标签上设置一个 ID 并以这种方式与之交互吗？

<p id="whatever" hidden>My Text</p>

And:并且：

let p = document.getElementById('whatever');
p.removeAttribute("hidden");

Answer 3

Removing comparison text works fine for me:删除比较文本对我来说很好用：

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

myText.removeAttribute("hidden");

Here is the working version: https://jsfiddle.net/j0467m8m/15/这是工作版本： https : //jsfiddle.net/j0467m8m/15/

Answer 4

 function show(){ x = document.getElementsByTagName('p'); if(x[0].style.visibility === "hidden"){ x[0].style.visibility = "visible" }else{ x[0].style.visibility = "hidden" }}

 <p >this is hidden</p> <button onClick='show()'>show</button>

Answer 5

You must have probably given your image a display of block, this can cause the error you have now.您可能已经为您的图像显示了块，这可能会导致您现在出现的错误。 Remove display styling, and you should be good to go.删除显示样式，你应该很高兴。

Answer 6

Instead of using addAttribute and removeAttribute use:而不是使用addAttribute和removeAttribute使用：

myText.hidden = false
// or
myText.hidden = true

你如何添加/删除隐藏在<p hidden>与 JavaScript</p>

问题描述

6 个解决方案

解决方案1
8 已采纳 2018-04-14 21:52:30

解决方案2
7 2018-04-14 21:59:53

解决方案3
1 2018-04-14 22:09:24

解决方案4
0 2018-04-14 21:58:51

解决方案5
0 2021-12-04 15:03:33

解决方案6
0 2022-04-20 14:12:06

你如何添加/删除隐藏在<p hidden>与 JavaScript</p>

问题描述

6 个解决方案

解决方案1 8 已采纳 2018-04-14 21:52:30

解决方案2 7 2018-04-14 21:59:53

解决方案3 1 2018-04-14 22:09:24

解决方案4 0 2018-04-14 21:58:51