DOM一
1.addEventListener:addEventListener带有三个参数，必须设置，缺一不可。同进addEventListener现在的IE下无法运行，在FF下就可以，如果想在IE下运行功能相同的话，我们可以用attachEvent，但attachEvent非W3C标准，且只支持IE浏览器。
addEventListener可以为见面内某个元素动态绑定一个事件，事件类型可随意指定。
语法：Element.addEventListener(Etype,EventName,boole)
参数：Element:要为该元素绑定一个事件，可以是任务的HTML元素；Etype: 事件类型；EventName：要绑定事件的名称；boole：这个必须写，false代表事件捕获功能，true代表事件冒泡功能
1 <html>
2 <head>
3 <title>addEventListener方法使用实例</title>
4 </head>
5 <body>
6 <input id="a" type="button" value="点我" />注意执行网页时该按扭并没有事件<br/>
7 <input id="b" type="button" value="点我绑定事件" onclick="add_Event()" />点击该按扭为上面的按扭绑定事件<br/>
8 <script language="javascript">
9 function add_Event(){
10 var a = document.getElementById("a");
11 a.value="点我有事件";
12 a.addEventListener("click",Hello_ok,false);
13 }
14
15 function Hello_ok(){
16 alert("Hello World!");
17}
18 </script>
19 </body>
20 </html>
2.appendChild:可以向HTML网页或XML文档中添加一个标签或元素，也可以向已存在的标签内添加一个子元素。
appendChild方法必须指定一个参数，否则会出错的
语法：o=Element.appendChild(param)
3.appendData:为某个节点追加文字内容。
语法：textNode.appendData(str);
4.attributes:获取元素中所有的属性。我先写了一个DIV，为DIV设置了三个属性，分别是：id,name,class然后我开始在IE，FF，Chrome三个浏览器里测试attributes返回的结果，在IE里返回了一大堆NULL的属性，我不知道IE为什么会这样，FF返回正常，但却是倒的，只有Chrome返回的结果才是。
语法:att=Elem.attributes;
参数：Elem:返回该元素的所有属性的引用。
1 <html>
2 <head>
3 <title>Dom：attributes实例</title>
4 <style>
5 .abc{
6 border:1px solid;
7 margin:10px;
8 }
9 </style>
10 </head>
11 <body>
12 <h2>该实例演示使用attributes获取某个元素的所有属性</h2>
13 <hr/>
14 <div id="a" name="a" class="abc">第一个div</div>
15 <input type="button" value="获取属性" onclick="get_att()" />
16 <script type="text/javascript">
17 function get_att(){
18 var a = document.getElementById("a");
19 var att = a.attributes;//获取id为a的div的所有属性
20 alert(att.length);//属性的长度，ie8返回111，FireFox和Chrome返回正确结果3
21 for(var i=0;i<att.length;i++){
22 if(att[i].value == "null" || att[i].value.length == 0 ){
23 continue; //去掉这个迭代判断，你在IE里会看到更多属性会被弹出
24 }
25 alert(att[i].name+":"+att[i].value);
26 }
27 }
28 </script>
29 </body>
30 </html>
