Cpt*_*RD0 11 html javascript hidden attributes
你如何添加和删除'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
这里看起来不错。如果您愿意，请尝试使用此代码。
索引.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 中看到
小智 7
你能在<p>标签上设置一个 ID并以这种方式与之交互吗？
<p id="whatever" hidden>My Text</p>
和：
let p = document.getElementById('whatever');
p.removeAttribute("hidden");
| 归档时间： |
|
| 查看次数： |
28780 次 |
| 最近记录： |