js的一些基本创建及元素

createElement创建HTML对象和元素

创建DIV

createElement() 方法可创建元素节点。
新创建的 Element 节点，具有指定的标签名。

var div = document.createElement("div"); 

创建表单项

var input = document.createElement("input"); 

创建表格

var table = document.createElement("table"); 
var tr = document.createElement("tr"); 
var td = document.createElement("td");

创建连接

var a = document.createElement("a"); 

appendChild()方法

appendChild(Node)这个是在父元素里面添加一个子元素

document.getElementById("myList").appendChild(p);

setAttribute() 方法

设置 input 元素的 type 属性：

setAttribute() 方法添加指定的属性，并为其赋指定的值。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

parentNode 属性

parentNode 属性返回指定元素的父节点。

语法

elementNode.parentNode

<script>

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0];

document.write("Parent node: " + x.parentNode.nodeName);

</script>

removeChild() 方法

从子节点列表中删除某个节点:
如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。

var list=document.getElementById("myList");
list.removeChild(list.childNodes[0]);

语法
node.removeChild(node)
node：必需。您希望删除的节点对象。

addEventListener的用法

addEventListener是一个侦听事件并处理相应的函数。

document.addEventListener() 方法用于向文档添加事件句柄。

事件模型
这是一个完整的事件流： 事件捕获----处于目标----事件冒泡

注意
事件捕获由于浏览器兼容问题用的比较少

时间处理程序
格式为：element.addEventListener(type, handle, false);

type: 事件触发类型，如click,keypress等等，下面我们详细的讲讲事件类型！！

handle:事件处理函数，事件出发后，定义可能发生的变化！！

false: 表示事件冒泡模型，一般来说都是false。

var flag = false;
btn.addEventListener('click',function(){
   senction.style.backgroundColor = flag?'#ddd':'#bbb'
},false);

事件类型

（1）鼠标类

click 点击

mousedown 按下

mouseup 松开

mouseenter 划进

mouseleave 划出

mouseover 划进

mouseout 划出

mousemove 移动

键盘类
keydown 按下（按所有键都会触发）

keypress 按下（按字符集触发）

keyup 松开

UI类
load 加载

unload 重载

resize 改变浏览器尺寸

scroll 使用滚动条