javascript怎么删除元素的hidden属性

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

javascript怎么删除元素的hidden属性

在javascript中,可以使用removeAttribute()方法来删除元素的hidden属性,该方法的作用就是删除指定的属性,语法“element.removeAttribute("属性名")”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

hidden 属性是布尔属性。

如果设置该属性,它规定元素仍未或不再相关。

浏览器不应显示已规定 hidden 属性的元素。

hidden 属性也可用于防止用户查看元素,直到匹配某些条件(比如选择了某个复选框)。然后,JavaScript 可以删除 hidden 属性,以使此元素可见。

<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><p>这是一段可见的段落。</p><p hidden="hidden">这是一段隐藏的段落。</p><p>这是一段可见的段落。</p></body></html>
登录后复制

那么使用javascript怎么删除元素的hidden属性?

在 JavaScript 中,使用元素的 removeAttribute() 方法可以删除指定的属性。用法如下:

element.removeAttribute(attributename)
登录后复制

参数 attributename:表示元素的属性名。

示例:

<!DOCTYPE html><html><head><meta charset="UTF-8"></head><body><p>这是一段可见的段落。</p><p id="hid" hidden="hidden">这是一段隐藏的段落。</p><p>这是一段可见的段落。</p><button id="btn">删除hidden属性</button><script>function my(id) {return document.getElementById(id);}my("btn").onclick = function() {my("hid").removeAttribute("hidden"); }</script></body></html>
登录后复制

【相关推荐:javascript学习教程

以上就是javascript怎么删除元素的hidden属性的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:表格标签以什么开始以什么结束
下一篇:浅析uni-app中设置导航栏和修改默认端口的方法

发表评论

关闭广告
关闭广告