显示和隐藏（display属性），JavaScript入门篇教程-慕课网

第4章编程挑战
编程：4-1 编程挑战

显示和隐藏（display属性）

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。

语法：

Object.style.display = value

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

value取值:

看看下面代码:

任务

我们来实现id="con"的p标签元素的隐藏和显示:

1. 在右边编辑第10行补充代码，通过style.display实现隐藏。

2. 在右边编辑第15行补充代码，通过style.display实现显示。

?不会了怎么办: 1.隐藏：mychar.style.display="none";

2.显示: mychar.style.display="block";

index.html

1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
代码

全部精华我要发布

不加变量也可以啊，为什么要加变量

最赞回答 / 慕粉3414280

如果你想通过这个简单的需求去理解变量存在的意义是理解不了的..比如我把需求改一下除了让标签隐藏还需要把标签颜色加深,字体加粗,字体颜色变红..我按照你的写法如下function hidetext() { document.getElementById("con").style.display="none"; document.getElementById("con").style.color="red"; document.getElementById("co...

3 回答 584 浏览

2023-05-04

Hello World:

最赞回答 / 你打我我就裂开

把代码发出来大家才能看到问题在哪啊

3 回答 624 浏览

2022-10-11

form标签的意义

最新回答 / weixin_慕丝2214033

就是一个表单，表格属性

1 回答 663 浏览

2022-04-19

为什么浏览器运行会乱码？

最新回答 / 落叶加孜然

你看一下自己的charset是不是设置的UTF-8

1 回答 708 浏览

2022-04-20

语法问题，定义变量，

最赞回答 / 慕沐7121185

没有啦啦

3 回答 578 浏览

2022-09-05

botton文字不显示，怎么回事？

最新回答 / qq_慕标5528277

你这第二个value 写错了写成了 valus

1 回答 745 浏览

2022-04-28

display 不也是css样式属性吗？

最新回答 / 飞走的气球

懂了就行了，别杠

1 回答 711 浏览

2022-04-28

放在head和body的区别

已采纳回答 / 沉默寡言黄少天丶

javaScript放在head和body的区别
    在head中时，所代表的functions只加载而不执行，执行是在某一事件触发后才开始。
    在body中时，直接加载并执行

典型的区别：
    如果有不在函数中的执行语句，比如变量初始化，如果在head中就不会执行。

4 回答 1228 浏览

2020-07-23

confirm与display

最赞回答 / L_eru

div1没有定义, 这个是元素ID的话, 那么就要加上引号.document.getElementById('div1').style.display='block';

1 回答 821 浏览

2020-05-08

可以用value=“block”这个属性将行内元素转换成块级元素么？

最新回答 / 山外阁楼夜听雨

不可以，因为value的值是显示在button上面的，我们是要给object赋值

2 回答 652 浏览

2020-03-29

为什么我点“隐藏内容”没有反应啊？查了几遍都不知道问题在哪儿，求指教

最新回答 / qq_童言无忌殇了我i_0

这两个函数不能改变外部变量mychar，需要分别在函数里定义赋值

5 回答 974 浏览

2020-08-13

是题目问题

已采纳回答 / 燕子326

因为mydiv设置的是document.getElementById("txt");是获取的后面的txt中的元素

1 回答 685 浏览

2020-02-21

请大神指教！

已采纳回答 / weixin_慕仔7034253

这里的var dis = document.getElementById("op").style.display="none";var dis = document.getElementById("op").style.display="block";需要分开，因为写在一起相当于直接赋值为空，自然就没办法隐藏了。var dis = document.getElementById("op")；dis.style.display="none";var dis = document.getElementById...

2 回答 1145 浏览

2020-04-28

在线求解答

已采纳回答 / 慕盖茨9277026

add=yy.value.length 表示获取yy.value.的长度首先你要获取他输入的总长度

2 回答 874 浏览

2019-09-23

大家帮我看看我这段代码哪里错了，运行点击按钮没有反应，我对比了半天也没发现错误

已采纳回答 / 孙小玲

你的函数那个地方错了，少了括号function hidetext(){var char=document.getElementById("zz");char.style.display="none";}

3 回答 1048 浏览

2021-09-17

全部我要发布

最热最新

只看我的

3-5 显示和隐藏（display属性）