innerHTML的有关问题,
日期：2014-05-16 浏览次数：20420 次
innerHTML的问题,高手进!
把这段代码复制过去运行一下，然后查看源文件。
1.为什么源文件没有改变？(div里还是空的)，请告诉我原理。
2.我现在想在源文件里也发生改变，该用哪种方法？
3.谢谢大家！节日快乐！
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" language="JavaScript">
function write()
{
var objdiv=document.all.div1;
var obj="<table style='background:#000000' cellpadding='1' cellspacing='1'>";
for(var i=0;i<100;i++)
{
obj+="<tr style='background:#ffffff'>";
for(var j=0;j<6;j++)
{
obj+="<td>"+j+"</td>"
}
obj+="</tr>";
}
obj+="</table>";
objdiv.innerHTML=obj;
alert(objdiv.innerHTML)
}
document.body.onload=write;
function a()
{
var obj=document.getElementById("div1");
alert(obj.scrollHeight);
}
</script>
<div id='div1' style='width:90px;height:300px;overflow:auto'></div>
<input type='button' value='111111111111111' onclick='a()'/>
</body>
</html>
------解决方案--------------------
js改变页面内容没错，但js脚本是源文件的一部分
把这段代码复制过去运行一下，然后查看源文件。
1.为什么源文件没有改变？(div里还是空的)，请告诉我原理。
2.我现在想在源文件里也发生改变，该用哪种方法？
3.谢谢大家！节日快乐！
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" language="JavaScript">
function write()
{
var objdiv=document.all.div1;
var obj="<table style='background:#000000' cellpadding='1' cellspacing='1'>";
for(var i=0;i<100;i++)
{
obj+="<tr style='background:#ffffff'>";
for(var j=0;j<6;j++)
{
obj+="<td>"+j+"</td>"
}
obj+="</tr>";
}
obj+="</table>";
objdiv.innerHTML=obj;
alert(objdiv.innerHTML)
}
document.body.onload=write;
function a()
{
var obj=document.getElementById("div1");
alert(obj.scrollHeight);
}
</script>
<div id='div1' style='width:90px;height:300px;overflow:auto'></div>
<input type='button' value='111111111111111' onclick='a()'/>
</body>
</html>
------解决方案--------------------
js改变页面内容没错，但js脚本是源文件的一部分
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
