【Dongle】【JavaScript】getElementById

      刚刚有发现了我写法的一个错误,也不算是错误吧,只是自己之前不清楚,一直没有解决。就在刚刚,看到了一篇百度知道,然后瞬间明白哪里错了。首先,先让大家了解下我最初的代码:

HTML页面





DOM元素尺寸和位置



	

JavaScript

function Box(){
	var box=document.getElementById("box");
	alert(box.style.width);
}
Box();

结果

       然后,大家能看出哪里错了吗?

【Dongle】【JavaScript】getElementById_第1张图片

       如果你能瞬间找到,那只能证明您JavaScript基础很扎实。否则,我建议还是多思考思考我们的代码为什么错?或者说为什么正确吧!

      下面是我改正后的代码,不需要动JavaScript部分,只需动HTML页:




	
	DOM元素尺寸和位置



	

修改

        这次呢?能够看出哪里变化了吧。那么我这里就献丑一下,帮不懂得朋友解释解释:

        开始我写的代码是将JavaScript引用放在了head标签里面,而HTML页面加载的顺序是先head后body。然后我JavaScript里面寻找的是body里面的标签,再然后就没有然后啦,都没有body呢,怎么寻找body里面的标签呢???

说来自己也是可笑,错了就一直没有考虑是HTML页出错了,并且还一直改JavaScript代码,想想都可怕。

        下面是我改过的及错误情况:

【Dongle】【JavaScript】getElementById_第2张图片【Dongle】【JavaScript】getElementById_第3张图片

心得

       其实错并不可怕,可怕可怕在错了不知道思考,一味地索求,从而导致将错就错,南辕北辙。不对,南辕北辙好歹在地球上能回来,照我之前改错那样,那是永远也回不来的。其实,在第二次改错的时候就可以通过一种方法得到问题的根髓:

alert(box);
      将box详情显示出来,如果错了,肯定会显示undefined或者null,那么我就能及早的针对box去思考,去找寻答案,结果只能说还是经验不足,希望大家遇到问题多思考思考,找到一个最快解决问题的途径。切忌盲目查找。




你可能感兴趣的:(javascript,标签,getElementById,html)