Javascript:如何在<p hidden>中添加和删除隐藏

CptHowdyRD0

如何从中添加和删除“隐藏” <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
韦斯利·贡萨尔维斯(WesleyGonçalves)

这里看起来不错。如果需要,请尝试使用此代码。

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中看到

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 multi-p 上使用 javascript 添加和删除文本

如何在Javascript中的P标签中添加json值

如何在列上添加HIDDEN属性?

如何在Jquery中读取Hidden和Textboxes的值

JavaScript-如何在div中打印p元素

如何在JavaScript中添加和删除图像上的边框

如何在<p>中显示选择框,并在javascript中执行p.text(“ test”)?

如何使用JavaScript隐藏网页中的<h1>和<p>标记?

如何在CSS中隐藏溢出的div的滚动条而不使用overflow:hidden?

如何在<p>标记中隐藏特殊符号

如何在JavaScript中添加/删除类?

p:panelGrid内部的p:panelGrid,如何在外部p:panelGrid中删除边框?

Word 2016-如何在“重复节属性”菜单-VBA中隐藏“允许用户添加和删除节”功能?

如何在R中的箱图中添加相关值和p值

如何在 JavaScript 中显示 li 标签或如何显示 p 标签

如何在Gitlab中删除p标签的auto =“ dir”?

如何在ReactJS中添加和删除列表的添加类?

如何在html的<p>中添加<pre>标签?

如何在“<p>”中添加来自 JSON 的文本?

如何在p:rowExpansion中更新p:dataTable

如何在 Coq 中证明 (p -> q) -> (~ p \/ q)

Primefaces:如何在面板菜单的 <p:submenu> 内添加图标和 <p:badges>?

如何在wordpress中删除所有帖子中的最后一个<p></p>标签?

如何在 p5js javascript 中来回移动对象

使用javascript单击按钮时如何在ul中显示多个div的p标签的内容

如何在JSON中解析<p>

如何在 Wordpress 中控制 <p>

如何在div中调用<p> id?

如何从java / GWT中的ckEditor中删除<p> .. </ p>标签?