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

显示和隐藏(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是必不可少的工具。