使用JavaScript控制HTML元素的显示和隐藏
创始人
2024-05-14 12:24:44
0次
使用JavaScript控制HTML元素的显示和隐藏
利用来JS控制页面控件显示和隐藏有四种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
方法一：
document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";
利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。
方法二：
document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";
利用上述方法实现隐藏后，页面的位置不被占用。
方法三：设置元素的透明级别
document.getElementById("EleId").style.opacity = 0,
设置后元素完全透明，还占位置
document.getElementById("EleId").style.opacity = 1,
设置后元素完全不透明（显示）
方法四：显示元素进行隐藏
document.getElementById("ID名").hidden=ture;
根据页面元素ID名获得页面元素值，进而将其属性设置成隐藏。
将隐藏元素进行显示
对于已经隐藏的页面元素如果要将其再次显示，不是将document.getElementById("ID名").hidden=false;
而是将其隐藏属性删除
document.getElementById("ID名").removeAttribute("hidden");
示例：
mounted() {//页面加载完成时,隐藏输入框// $("#verifycode").hide()document.getElementById('verifycode').hidden=true},相关内容
热门资讯
人生几何？该何去何从？
人生几何？该何去何从？找个你擅长的工作`从小做起`慢慢来`````````雨过后`总会见彩虹的`喜欢...
11年考研
11年考研你上考研网上区搜搜吧，有很多好东西
杨桃咋吃怎么吃杨桃
杨桃咋吃怎么吃杨桃杨桃可以切片蘸少量盐吃，可以改善喉咙疼痛与声音沙哑，还有助于维持人体的酸碱平衡。2...
水银柱血压计测量高压时是以第一...
水银柱血压计测量高压时是以第一下跳动为准？还是以第一个微弱的声音为准？以耳朵为准。先加压至听不到声音...
和小猪小象系列类似的绘本有哪些
和小猪小象系列类似的绘本有哪些可爱的鼠小弟 、穿雨靴的小鹅 都很经典，从leleaidu工作号看。
谁推荐几部好看的玄幻小说。 要...
谁推荐几部好看的玄幻小说。 要有恋爱情节的~~搜神记，蛮荒记。这两本是连起来的。很不错。有爱，有恨，...
剑桥少儿英语教材好用吗？
剑桥少儿英语教材好用吗？剑桥的版本了确实挺多的，主要看你用哪套教材，我们今年短期班打算用Everyb...
佛教二十四香谱中的左搭右减中的...
佛教二十四香谱中的左搭右减中的“搭”指的是什么？“搭”是指一支香的香灰倒下时，正好落在另一支香的香头...
用英语概括一下愚公移山的故事
用英语概括一下愚公移山的故事文章叙述了愚公不畏艰难，坚持不懈，挖山不止，最终感动天帝而将山挪走的故事...
请把你了解的名人故事简单的写一...
请把你了解的名人故事简单的写一写并说一说你受到的启发请把你了解的名人故事简单的写一写并说一说你受到的...
苏秦的故事
苏秦的故事四个字（成语）悬梁刺股“刺股”的故事见于《战国策·卷三秦一》。 出处：《战国策·秦策一》：...
主角考上了童生和武生是什么小说
主角考上了童生和武生是什么小说新书，这个让我已有多年经验的老书家给你推荐吧，看小说看了五六年了，各种...
家长如何培养孩子的绘画能力
家长如何培养孩子的绘画能力 家长如何培养孩子的绘画能力 家长如何培养孩子的绘画能力，一般来说，...
爱德华 ·
爱德华 ·爱德华·伯纳斯主张是“投公众所好”。他认为，在组织决策之前，应当首先了解公众喜欢什么、对组...
为什么说艺术是最真实的情感？求...
为什么说艺术是最真实的情感？求解答 急.....人的感情急需久了就要找爆发的地方，而艺术就是一种很好...
关于作家大仲马的幽默故事
关于作家大仲马的幽默故事 祖先 有一次，一位银行家向法国着名作家大仲马(1802—1870年...
德高望重的高字是什么意思
德高望重的高字是什么意思品德高尚，名望很大“高”指高尚的意思表示品德高尚 德高望重【解释】：德：品德...
气球为什么会飞
气球为什么会飞气球里有氢气，氢气比空气轻，所以气球会飞
一路听天下听书机哪些性能
一路听天下听书机哪些性能还别说，单位发了一个，觉得还不错。起初用起来有点不习惯，听了甄嬛传以后开始放...
电影《龙骑士》有第二部没啊
电影《龙骑士》有第二部没啊应该有的 ．但只看了第一部小说共有三部，电影公司正打算拍三部，但是最后一部...