html5页面中，点击按钮显示/隐藏DIV层，大侠们帮忙看看下面的代码有什么问题？
想实现点击按钮后，隐藏/显示id=123的DIV层，但以下代码运行后，点击按钮无反应，请高手指点。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>DIV盒子布局</title>
<link rel="stylesheet" type="text/css" href="BoxCss.css">
</head>
<body>
<!--点击隐藏/显示IDV-->
<input type="button" onclick="DivShow()" />
<div id="123" class="bodytop" style="display: none">
<div class="bodytop-content">
</div>
</div>
<div class="bodycenter">
<div class="bodycenter-image"></div>
<div class="bodycenter-subnav"></div>
<div class="bodycenter-content"></div>
</div>
<div class="bodyfooter">
<div class="bodyfooter-content"></div>
<div class="bodyfooter-subnav"></div>
</div>
<script language="JavaScript">
function DivShow()
{
var iDiv = Document.getElementById("123");
if(iDiv)
{
if(iDiv.style.display=="block")
{
iDiv.style.display="none";
}
else
{
iDiv.style.display="block";
}
}
}
</script>
</body>
</html>
Document.getElementById("123");
这句错了，Document第一个字母是小写，这样的错误你写的时候编辑器应该会有提示,比如我的editplus里不正确颜色不一样
浏览的时候，不同的浏览器开发工具也会提示，比如如果你用火狐的firebug，在控制台也可以看见错误提示
另外起名字是不能用数字开头的，这个也要注意
那个显示块里写点东西再测试，没有东西也看不出显示不显示
html5如何实现弹出提示框,并且伴随遮罩层并且可以关闭弹出框_百度知 ...
这与 CSS 属性 display:none 类似，但是隐藏的元素不会被完全显示（不再影响页面的布局）。二、设计一个HTML页面，包括一个简单的弹出窗，和一个显示按钮。其中，调用了jquery的以上两个函数。具体代码如下：三、设计遮罩层的样式，如下：四、弹出窗口的css样式，代码如下：五、初始页面如下：六、点击...
html内嵌网页(html5嵌套网页)
DW中HTML网页怎么用内嵌式或嵌入式引入CSS样式？1、先启动DW软件，新建文档，文档类型选择【\/HTML】-【XHTML1.0】，然后点击【创建】。2、点击创建后，DW会为你创建一个HTML文件。我们在body标签中加入一个div标签组。3、然后在div标签中输入下图中的代码，style代表了这个div直接引入了CSS属性值。（d...
HTML5网页前端设计中如下图表单的代码怎么写?
<div style="width:500px;"> <h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用户注册页面<\/h1> <table cellpadding="0" cellspacing="10" style="margin:0 auto;"> <tr> <td align="right" valign="top"><div>用户名：<...
html里怎么实现在同一框内,点选不同按钮显示不同内容?求高手指教
<button type=button data-target="#div1">显示id为div1的元素里的内容<\/button> <button type=button data-target="#div2">显示id为div2的元素里的内容<\/button> 为你的每个要点选的按钮加上data-target属性（这是HTML5的data-*特性），假设这些按钮的共同父元素是 #button-wrap 那么就...
HTML5如何才能让导航栏固定顶部不动,且!且!且!不遮挡住下面的DIV???
HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下：1，首先在html中，添加良好的导航内容。2，后者是网页的具体内容，这里的代码比较简单。3，在样式中，首先在菜单中定义一些样式。4，此时，在运行页面时，滚动条滚动后导航将消失。5，为了将导航栏固定在顶部，可以添加样式位置：固定；最高：0...
html5中div section article之间具体有什么区别
section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一个网站的主页可以分成简介、新闻和联系信息等几部分。section 不仅仅是一个普通的容器标签。当一个标签只是为了样式化或者方便脚本使用时，应该使用 div 。一般来说，当元素内容明确地出现在文档大纲中时，section 就...
在html5中层级的问题z-index
首先你设置一个div,根据根元素进行定位，width：100%;height:100%;position: absolute；top：0；left：0;z-index:999; 然后在里面放图片，设置display:block;width:100%;这样就相当于设置了一个背景，然后你在其他地方设置的图片就会在这个图片（背景）的下面了。这个是页面代码，图片你设置成你自己...
如何处理html5新标签的浏览器兼容问题
结果3:标签被识别为HTML5标签,然后用DOM节点对其进行替换。DOM在构建的时候和预想的一致,并且合适的样式会应用到标签上(大部分情况下是块级元素)。有一个具体的例子,大家思考一下下面的代码:<div class="outer"> <section> <h1>title<\/h1> <p>text<\/p> <\/section> <\/div>很多浏览器(比如Firefox 3.6和...
网页中如何隐藏iframe中的垂直滚动条,但依然可以用滚轮实现页面滚动...
1、首先打开网站开发工具，新建一个HTML页面。2、编写HTML代码，核心代码：<div class="iframe-wrap"><iframe src="iframe.html" class="iframe-box"><\/iframe><\/div>。3、接着编写CSS代码，核心代码如下图所示。4、在新建一个HTML页面（也就是需要嵌套的iframe页面），代码如下。5、给iframe页面...
html5浮动层弹窗 求教 是html代码
width: 50%; height: 50%; padding: 16px; border: 16px solid black; background-color: white; z-index:1002; overflow:auto } <\/style><script type="text\/javascript"><\/script> <body> <input type="button" text="弹出层" onClick="document.getElemen...
