利用Javascript向页面中插入TABLE，IE下无法正常显示
利用Javascript向页面中插入TABLE，IE下无法正常显示
关键字: table, appendchild, ie, firefox
在项目中偶然遇到一个怪异的问题，我要利用javascript动态的向一个DIV中插入一些个TABLE，Firefox可以正常显示，而在IE下，无论版本是6或7，均无法看到这个TABLE。但是，如果我直接把TABLE的HTML代码写在页面上，一切都能正常显示。
最开始出问题的javascript脚本如下：
Js代码
var div = document.getElementById("container");
var table = document.createElement("table");
div.appendChild(table);
var tr = document.createElement("tr");
table.appendChild(tr);
var td = document.createElement("td");
tr.appendChild(td);
var div = document.getElementById("container");
var table = document.createElement("table");
div.appendChild(table);
var tr = document.createElement("tr");
table.appendChild(tr);
var td = document.createElement("td");
tr.appendChild(td);
乍一看，代码比较干净，为什么在IE下就无法显示呢？其实，问题就出在IE的遍历页面中JS构造的DOM元素的时候，是一个按DOM树结构寻址的。如果漏掉了TABLE的TBODY元素，IE是无法显示这个TABLE的，中间加入一个TBODY元素，问题轻松解决！
Js代码
var div = document.getElementById("container");
var table = document.createElement("table");
div.appendChild(table);
var body = document.createElement("tbody");
table.appendChild(body);
var tr = document.createElement("tr");
body.appendChild(tr);
var
相关文档：
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
ExtJS 设计模式 之一 （单例）
Extjs 发展至今，传承了YUI的伟大精髓， YUI得到了Douglas Crockford（任职于 Yahoo! 的一名 JavaScript 传道者和架构师，他是全球最有造诣的 JavaScript 语言专家之一，Blog：http://www.crockford.com/) 大师的赞同,而ExtJS也是将YUI的模式脚本编程学习使用的淋漓尽致� ......
下面都是个人理解以及查找的网上的资料,如有不对的地方请指正
prototype
prototype在这里是原型的意思,不是指那个框架...
每个函数就是一个对象（Function），当函数被解析后会添加一个prototype的对象,然后prototype会添加一个constructor的属性
它指向那个函数的
比如定义一个function test(){}
它会 ......
JavaScript中的原型(prototyping) prototype属性
1.对内置对象的扩展
(String添加trim()方法)
****************
String.prototype.trim = funct ......
定义方法：
1、用构造函数RegExp
2、直接量，包含在一对（/）之间的字符
直接量字符：
字母数字字符——自身
\o——NULL字符
\t——制表符
\n——换行符
\v——垂直制表符
\f——换页符
\r——回车符 ......
