初学java 代码有关问题，这段代码错哪了
日期：2014-05-16 浏览次数：20378 次
初学java 代码问题，这段代码哪里错了？
<html>
<head>
<meta charset=utf-8" />
<title>选项卡</title>
<style>
#div1 {width:900px; height:500px; background:#6CF; display:block;}
#div2 {width:900px; height:500px; background:#F9F; display:none;}
#input {width:100px; height:50px;background:#333; border:0px;}
</style>
<script>
window.onload=function ()
{
var Div1=document.getElementById('div1');
var Div2=document.getElementById('div2');
var Input=document.getElemenstByTagName('input')[0];
Input[0].onclick=function ()
{
Div1.style.display='block';
Div2.style.display='none';
};
Input[1].onclick=function ()
{
Div2.style.display='block';
Div1.style.display='none';
};
};
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<input id="input" type="button" value="图片列表" />
<input id="input" type="button" value="文章列表" />
</body>
</html>
想要的效果就是点击图片列表显示div1 点击文章列表显示div2
但是不行，以上代码哪里不对？ 我是新学的，经常会犯少加个标点，打错个字母...这样的错误，有没有什么方法经验可以尽量避免这样子的错误？前辈！
------解决方案--------------------
var Input=document.getElemenstByTagName('input')[0];
var Input=document.getElemenstByTagName('input');
------解决方案--------------------
var Input=document.getElemenstByTagName('input')[0];
------解决方案--------------------
用firebug啊，js错了控制台会报错的。
------解决方案--------------------
你也可以这样
<input id="input" type="button" value="图片列表" onclick="show_div()"/>
function show_div(){
alert("hello ");
var div = $(“#div1”);
}
------解决方案--------------------
window.onload=function ()
{
var Div1=document.getElementById('div1');
var Div2=document.getElementById('div2');
var Input=document.getElementsByTagName('input')
Input[0].onclick=function ()
{
Div1.style.display='block';
Div2.style.display='none';
};
Input[1].onclick=function ()
{
Div2.style.display='block';
Div1.style.display='none';
};
};
<html>
<head>
<meta charset=utf-8" />
<title>选项卡</title>
<style>
#div1 {width:900px; height:500px; background:#6CF; display:block;}
#div2 {width:900px; height:500px; background:#F9F; display:none;}
#input {width:100px; height:50px;background:#333; border:0px;}
</style>
<script>
window.onload=function ()
{
var Div1=document.getElementById('div1');
var Div2=document.getElementById('div2');
var Input=document.getElemenstByTagName('input')[0];
Input[0].onclick=function ()
{
Div1.style.display='block';
Div2.style.display='none';
};
Input[1].onclick=function ()
{
Div2.style.display='block';
Div1.style.display='none';
};
};
</script>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<input id="input" type="button" value="图片列表" />
<input id="input" type="button" value="文章列表" />
</body>
</html>
想要的效果就是点击图片列表显示div1 点击文章列表显示div2
但是不行，以上代码哪里不对？ 我是新学的，经常会犯少加个标点，打错个字母...这样的错误，有没有什么方法经验可以尽量避免这样子的错误？前辈！
------解决方案--------------------
var Input=document.getElemenstByTagName('input')[0];
var Input=document.getElemenstByTagName('input');
------解决方案--------------------
var Input=document.getElemenstByTagName('input')[0];
------解决方案--------------------
用firebug啊，js错了控制台会报错的。
------解决方案--------------------
你也可以这样
<input id="input" type="button" value="图片列表" onclick="show_div()"/>
function show_div(){
alert("hello ");
var div = $(“#div1”);
}
------解决方案--------------------
window.onload=function ()
{
var Div1=document.getElementById('div1');
var Div2=document.getElementById('div2');
var Input=document.getElementsByTagName('input')
Input[0].onclick=function ()
{
Div1.style.display='block';
Div2.style.display='none';
};
Input[1].onclick=function ()
{
Div2.style.display='block';
Div1.style.display='none';
};
};
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
