javaScript显示和隐藏(display属性)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>display</title>

<script type="text/javascript">

function hidetext()

{

var mychar = document.getElementById("con");

mychar.style.display="none";

}

function showtext()

{

var mychar = document.getElementById("con");

mychar.style.display="block";

}

</script>

</head>

<body>

<h1>JavaScript</h1>

<p id="con">做为一个Web开发师来说,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。</p>

<form>

<input type="button" value="隐藏内容" />

<input type="button" value="显示内容" />

</form>

</body>

</html>

时间: 2024-08-12 13:45:42

javaScript显示和隐藏(display属性)的相关文章

JavaScript中的style.display属性操作

转载:http://www.jb51.net/article/35086.htm display版本:CSS1/CSS2    兼容性:IE4+   NS4+ 继承性:无 语法:      display   :   block   |   none   |   inline   |   compact   |   marker   |   inline-table   |   list-item   |   run-in   |   table   |table-caption   |   t

Html 使用技巧 -- 设置display属性可以使div隐藏后释放占用的页面空间

     div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显

WPF中控件的显示与隐藏

1.WPF中控件的显示与隐藏的属性是 Visibility,它有3个枚举值 Visible, Hidden 和 Collapsed.其中Visible为可见,而 Hidden 和 Collapsed 都是隐藏,唯一不同的是 Hidden 只是隐藏,控件还占用其大小空间:而Collapsed隐藏不占空间,有布局时原本的空间会被其他空间占据.2.显示控件,只需将其Visibility属性赋值Visible即可,例如假设控件名称为 ctrl;ctrl.Visibility = Visibility.V

显示和隐藏(display属性)

网页中经常会看到显示和隐藏的效果,可通过display属性来设置. 语法: Object.style.display = value 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素. value取值: 例如: 运行结果为: 点击"隐藏内容"后:

javascript中隐藏显示的样式表属性

display属性 隐藏不占据位置 visibility属性 隐藏占据位置 //使用display的样式属性 隐藏 显示 //隐藏后不占据文档流位置 function showAddForm(){ var attr = document.getElementById("addForm"); if(attr.style.display == "none"){ attr.style.display = "block"; }else{ attr.sty

JavaScript网站设计实践(四)编写about.html页面,利用JavaScript和DOM,选择性的显示和隐藏DIV元素

一.现在我们在网站设计(三)的基础上,来编写about.html页面. 这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIV about.html页面在前面我们为了看导航栏菜单项高亮显示时,已经写了部分内容,只是那时写的代码没有实现div显示和隐藏,现在就在之前编写的基础上,为页面添加显示和隐藏div的效果. 没有写JavaScript之前看到的效果: 实现后的效果图: 这个就是我们现在要做的效果. 1.背景: 我们在about.html页面中写了一个ul列表

利用JavaScript通过单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏.实例如下: JavaScript代码如下: 1 function divClick(){ 2 3 var show = ""; 4 show = $("input[name='AdPrintMode']:checked").val(); 5 switch (show){ 6 case '1': 7 document.getElementById("img1").style.disp

JavaScript - 元素的显示和隐藏

元素的显示和隐藏 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>元素的显示和隐藏</title> <style type="text/css"> img{ display:block; } </style> <script type="text/

JavaScript--显示和隐藏(display属性)

网页中经常会看到显示和隐藏的效果,可通过display属性来设置. 语法: Object.style.display = value 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素. value取值: 看看下面代码: