显示和隐藏(display属性)

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

语法：

Object.style.display = value

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

value取值:

看看下面代码:

任务

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

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

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

display

function hidetext()

{

var mychar = document.getElementById("con").style.display="none";

}

function showtext()

{

var mychar = document.getElementById("con").style.display="block";

}

JavaScript

做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。

java display属性_显示和隐藏（display属性）none或block相关推荐

HTML有displaynone无法隐藏,display：none显示和隐藏
显示和隐藏问题 #a{ width: 500px; height: 300px; background-color: red; /*display:none;*/ visibility:hidden; ...
web前端入门学习 css（6）（定位position）（元素的显示与隐藏display、可见性visibility、溢出overflow）（案例：土豆播放页）
文章目录什么是定位? 定位组成(定位模式+边偏移) 定位模式static relative absolute fixed 边偏移定位模式--静态定位static(平时用不到)就是标准流定位模式- ...
css元素的显示与隐藏 display显示隐藏 +visibility显示隐藏 +overflow溢出显示隐藏
css元素的显示与隐藏 display显示隐藏元素 visibility显示隐藏元素 overflow溢出显示隐藏总结 display显示隐藏元素 display 设置或检索对象是否及如何显示. d ...
4.元素的显示与隐藏-display属性、visibility可见性、overflow溢出
01-display属性 <!DOCTYPE html> <html lang="en"><head><meta charset=&quo ...
jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式
摘要腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...
遍历对象属性_细说JS遍历对象属性的N种方法
本人详细介绍了JS遍历对象N种方法,欢迎关注收藏. 遍历对象属性有五种方法,下图为一个场景对比图. 可以注意到两点: 只有for ... in 才可以遍历原型链属性,且只能遍历可枚举属性. Objec ...
python中属性_列表中的Python属性
我是Python的新手,我刚刚发现了这些属性.当我在一个简单的变量上尝试它时,它工作得很好,但我不能使它在列表上工作.执行下面的代码时,它将调用两次getter而不是setter.我知道在我的例子中, ...
计算机系统属性无法显示,电脑计算机右键属性无法打开的解决办法[多图]
电脑打不开计算机属性界面怎么办?很多时候在解决电脑问题时,我们会经常用到右键计算机选择属性的这个操作,但是近日有用户反映,鼠标右键计算机,选择属性后却打不开属性窗口,怎么解决这个问题?请看下文具体操作 ...
java 枚举值属性_获取枚举值的属性
我想知道是否可以获取枚举值而不是枚举本身的属性? 例如,假设我有以下枚举: using System.ComponentModel; // for DescriptionAttribute enum ...

java display属性_显示和隐藏（display属性）none或block

JavaScript

java display属性_显示和隐藏（display属性）none或block相关推荐

最新文章

热门文章