本文介绍了你如何添加/删除隐藏在<p hidden>使用 JavaScript的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在
My Text
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 codePenhttps://codepen.io/anon/pen/qozVaq
这篇关于你如何添加/删除隐藏在<p hidden>使用 JavaScript的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!