一共有三个问题,结合代码看,这是我测试过的
代码加载 时按照文档里的先后顺序,从上往下依次加载,你在js代码中提前定义了 div1,
当时真正的html标签
***记得以后如果要内联写js,记得把
var chg=function()
{
var div1=document.getElementById('div1');
div1.style.backgroundColor="#000";
}
//var div1=document.getElementById('div1'); 放放在里面,你要清楚解释顺序,由上而下
代码加载 时按照文档里的先后顺序,从上往下依次加载
你在js代码中提前定义了 div1
当时的div1 还没有被加载 所以你得到一个 undefined 对象
当你执行方法时 它会已用你的 这个undefined 对象
所以代码会报错 不执行
你可以把 下面代码 放到 chg方法中 调用方法时查找
var div1=document.getElementById('div1');
也可以不写上面这行代码 浏览器会自动寻找 id为 div1的对象