Javascript:使用setAttribute设置某个标签节点display为none仍然显示
发布日期:2021-06-30 15:43:44
浏览次数:3
分类:技术文章
本文共 598 字,大约阅读时间需要 1 分钟。
练习JS的时候遇到这样一个问题,使用setAttribute设置某个标签节点display为none仍然显示。
先上一下全部代码:
Title
运行结果:
代码的大概意思是:我点击×后,图片会隐藏掉。先说一下结论。
设置元素是否隐藏有两种方式1. Element.style.display = 'none';2. Element.setAttribute('style','display:none');
再分析一下使用语句
Element.setAttribute('display','none');
错误的原因。
我们执行一下错误代码并点击×,与正确语句点击×结果进行对比。
错误代码运行结果:
正确代码执行结果:结论:
display控制元素是否显示,是CSS的样式,必须保存在style中。 而setAttribute语句,是设置html节点的属性,直接使用该语句设置display会为节点增加一个名为display的属性,并赋值为none。并不会在style中进行设置,因此无法满足我们隐藏节点的要求。So。如果想隐藏节点,还是使用:
1. Element.style.display = 'none';2. Element.setAttribute('style','display:none');
转载地址:https://kaisarh.blog.csdn.net/article/details/103640259 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月26日 14时40分34秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Mysql 之主从复制
2019-04-30
【NLP学习笔记】中文分词(Word Segmentation,WS)
2019-04-30
对于时间复杂度的通俗理解
2019-04-30
如何输入多组数据并输出每组数据的和?
2019-04-30
行阶梯型矩阵
2019-04-30
MATLAB指定路径保存图片方法
2019-04-30
JAVA学习笔记6 - 数组
2019-04-30
JAVA学习笔记10 - 继承
2019-04-30
【学习笔记】Android Activity
2019-04-30
location区段
2019-04-30
nginx访问控制、基于用户认证、https配置
2019-04-30
linux内存的寻址方式
2019-04-30
how2heap-double free
2019-04-30
how2heap-fastbin_dup_consolidate
2019-04-30
tf keras SimpleRNN源码解析
2019-04-30
MyBatisPlus简单入门(SpringBoot)
2019-04-30
攻防世界web进阶区web2详解
2019-04-30
xss-labs详解(上)1-10
2019-04-30
xss-labs详解(下)11-20
2019-04-30