初学javascript,帮我看下我的问题,有代码!谢谢! 把script放到最后或<script type="text/javascript" defer>程序是顺序执行的。对象没生成当然取不到。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 楼上的不要误人子弟好不好。将document.getElementById('num').innerHTML = i + "%";改为document.getElementById('num').innerHTML = "<strong id='bar'>"+i+"%"+"</strong>";就好了因为按你的写法就成了<strong id="num"> i%</strong>自然找不到bar这个对象了。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title>Untitled Page</title> <link rel="Stylesheet" type="text/css" href="test.css" /> <script type="text/javascript"> var i = 0; function startbar() { showbar = setInterval("setbar()",100); } function setbar() { i += 1; if(i >= 100) { clearInterval(showbar); } document.getElementById('bar').style.width = i + "%"; document.getElementById('num').innerHTML = i + "%"; } </script></head><body> <div id="loadbar"> <strong id="num"> </strong> <strong id="bar" style="height:20px;background-color:red;width:0px;position:absolute;"></strong> </div> <br /> <a href="javascript:startbar()">开始</a></body></html>这样不就可以了吗? 同意2楼 innerHTML是指示元素内的HTML代码的 请将strong改成div效果更明显document.getElementById('bar').style.width = i + "%";改成:document.getElementById('bar').style.width = (i + "%").toString();document.getElementById('num').innerHTML = i + "%";改成:document.getElementById('bar').innerHTML = i + "%";如果加入背景色能更加凸显效果,代码改成如下<script type="text/javascript"> var i = 0; function startbar() { showbar = setInterval("setbar()",100); } function setbar() { i += 1; if(i >= 100) { clearInterval(showbar); } document.getElementById('bar').style.width = (i + "%").toString(); document.getElementById('bar').style.background = '#eee'; document.getElementById('bar').innerHTML = i + "%"; } </script></head><body> <div id="loadbar"> <strong id="num"> <div id="bar"></div> </strong> </div> <a href="javascript:startbar()">begin</a></body> 求文字滚动JS代码 呵呵,一个简单问题。你们前辈当然懂,问你们了。 大型管理系统前台都用什么框架 (急)简单问题,select下拉列表,如何选中自动提交form表单 对不起,刚学JS,请大虾帮忙看一下 vml中的问题 向一个函数传递很大(应该不会超过1M)的字符串的时候会出现效率问题么?使用全局变量能将效率提高多少? 关于滚动效果 Javascript实现对树形复选框的控制(急,高分相送) 求教web打印问题 JavaScript 函数数组问题 ajax的httpxmlrequest是否支持与服务器的长连接?
将document.getElementById('num').innerHTML = i + "%";
改为document.getElementById('num').innerHTML = "<strong id='bar'>"+i+"%"+"</strong>";就好了因为按你的写法就成了
<strong id="num">
i%
</strong>
自然找不到bar这个对象了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<link rel="Stylesheet" type="text/css" href="test.css" />
<script type="text/javascript">
var i = 0;
function startbar()
{
showbar = setInterval("setbar()",100);
}
function setbar()
{
i += 1;
if(i >= 100)
{
clearInterval(showbar);
}
document.getElementById('bar').style.width = i + "%";
document.getElementById('num').innerHTML = i + "%";
}
</script>
</head>
<body>
<div id="loadbar">
<strong id="num">
</strong>
<strong id="bar" style="height:20px;background-color:red;width:0px;position:absolute;"></strong>
</div>
<br />
<a href="javascript:startbar()">开始</a>
</body>
</html>
这样不就可以了吗?
document.getElementById('bar').style.width = i + "%";改成:document.getElementById('bar').style.width = (i + "%").toString();
document.getElementById('num').innerHTML = i + "%";
改成:document.getElementById('bar').innerHTML = i + "%";如果加入背景色能更加凸显效果,代码改成如下
<script type="text/javascript">
var i = 0;
function startbar()
{
showbar = setInterval("setbar()",100);
}
function setbar()
{
i += 1;
if(i >= 100)
{
clearInterval(showbar);
} document.getElementById('bar').style.width = (i + "%").toString();
document.getElementById('bar').style.background = '#eee';
document.getElementById('bar').innerHTML = i + "%";
}
</script>
</head>
<body>
<div id="loadbar">
<strong id="num">
<div id="bar"></div>
</strong>
</div>
<a href="javascript:startbar()">begin</a>
</body>