1、获取：
（1）getElementById() 、getElementsByTagName() 、getElementsByClassName()
（2）获取属性： getAttribute();
（3）使用parentNode、firstNode、lastNode、childNodes、nextSibling、previousSibling
<html><body><p id="intro">Hello World!</p><script>x=document.getElementById("intro");document.write(x.firstChild.nodeValue);</script></body></html><html><body><p id="intro">Hello World!</p><script>var txt=document.getElementById("intro").childNodes[0].nodeValue;document.write(txt);</script></body></html>（4）获取class值： x.className
(5）获取id: x.id
(6)获取title x.title
2、修改
（1）修改内容 x.innerHTML='new';
(2) 修改样式 x.style.color='red';
(3)修改属性 setAttribute('href')='new';
3、创建
（1）创建属性： createAttrinbute();
(2) 创建节点 var para=document.createElement("p")
(3)创建文本节点 var node=document.createTextNode("new");
(4) 创建元素 element.appendChild(node);
(5) 在前添加元素 element.insertBefore(para,child)
<div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.</p></div><script>var para=document.createElement("p");var node=document.createTextNode("This is new.");para.appendChild(node);var element=document.getElementById("div1");var child=document.getElementById("p1");element.insertBefore(para,child);</script>4、删除
（1)删除元素 parent.removeChild(child)
5、替换元素
（1）替换元素 replaceChild(para,child)
<div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.</p></div><script>var para=document.createElement("p");var node=document.createTextNode("This is new.");para.appendChild(node);var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.replaceChild(para,child);</script> 元素全部属性如下图：
属性 / 方法 | 描述 | element.accessKey设置或返回元素的快捷键。element.appendChild()向元素添加新的子节点，作为最后一个子节点。element.attributes返回元素属性的 NamedNodeMap。element.childNodes返回元素子节点的 NodeList。element.className设置或返回元素的 class 属性。element.clientHeight返回元素的可见高度。element.clientWidth返回元素的可见宽度。element.cloneNode()克隆元素。element.compareDocumentPosition()比较两个元素的文档位置。element.contentEditable设置或返回元素的文本方向。element.dir设置或返回元素的文本方向。element.firstChild返回元素的首个子。element.getAttribute()返回元素节点的指定属性值。element.getAttributeNode()返回指定的属性节点。element.getElementsByTagName()返回拥有指定标签名的所有子元素的集合。element.getFeature()返回实现了指定特性的 API 的某个对象。element.getUserData()返回关联元素上键的对象。element.hasAttribute()如果元素拥有指定属性，则返回true，否则返回 false。element.hasAttributes()如果元素拥有属性，则返回 true，否则返回 false。element.hasChildNodes()如果元素拥有子节点，则返回 true，否则 false。element.id设置或返回元素的 id。element.innerHTML设置或返回元素的内容。element.insertBefore()在指定的已有的子节点之前插入新节点。element.isContentEditable设置或返回元素的内容。element.isDefaultNamespace()如果指定的 namespaceURI 是默认的，则返回 true，否则返回 false。element.isEqualNode()检查两个元素是否相等。element.isSameNode()检查两个元素是否是相同的节点。element.isSupported()如果元素支持指定特性，则返回 true。element.lang设置或返回元素的语言代码。element.lastChild返回元素的最后一个子元素。element.namespaceURI返回元素的 namespace URI。element.nextSibling返回位于相同节点树层级的下一个节点。element.nodeName返回元素的名称。element.nodeType返回元素的节点类型。element.nodeValue设置或返回元素值。element.normalize()合并元素中相邻的文本节点，并移除空的文本节点。element.offsetHeight返回元素的高度。element.offsetWidth返回元素的宽度。element.offsetLeft返回元素的水平偏移位置。element.offsetParent返回元素的偏移容器。element.offsetTop返回元素的垂直偏移位置。element.ownerDocument返回元素的根元素（文档对象）。element.parentNode返回元素的父节点。element.previousSibling返回位于相同节点树层级的前一个元素。element.removeAttribute()从元素中移除指定属性。element.removeAttributeNode()移除指定的属性节点，并返回被移除的节点。element.removeChild()从元素中移除子节点。element.replaceChild()替换元素中的子节点。element.scrollHeight返回元素的整体高度。element.scrollLeft返回元素左边缘与视图之间的距离。element.scrollTop返回元素上边缘与视图之间的距离。element.scrollWidth返回元素的整体宽度。element.setAttribute()把指定属性设置或更改为指定值。element.setAttributeNode()设置或更改指定属性节点。element.setIdAttribute() element.setIdAttributeNode() element.setUserData()把对象关联到元素上的键。element.style设置或返回元素的 style 属性。element.tabIndex设置或返回元素的 tab 键控制次序。element.tagName返回元素的标签名。element.textContent设置或返回节点及其后代的文本内容。element.title设置或返回元素的 title 属性。element.toString()把元素转换为字符串。nodelist.item()返回 NodeList 中位于指定下标的节点。nodelist.length返回 NodeList 中的节点数。6、事件
属性 | 此事件发生在何时... | onabort图像的加载被中断。onblur元素失去焦点。onchange域的内容被改变。onclick当用户点击某个对象时调用的事件句柄。ondblclick当用户双击某个对象时调用的事件句柄。onerror在加载文档或图像时发生错误。onfocus元素获得焦点。onkeydown某个键盘按键被按下。onkeypress某个键盘按键被按下并松开。onkeyup某个键盘按键被松开。onload一张页面或一幅图像完成加载。onmousedown鼠标按钮被按下。onmousemove鼠标被移动。onmouseout鼠标从某元素移开。onmouseover鼠标移到某元素之上。onmouseup鼠标按键被松开。onreset重置按钮被点击。onresize窗口或框架被重新调整大小。onselect文本被选中。onsubmit确认按钮被点击。onunload用户退出页面。鼠标 / 键盘属性
属性 | 描述 | altKey返回当事件被触发时，"ALT" 是否被按下。button返回当事件被触发时，哪个鼠标按钮被点击。clientX返回当事件被触发时，鼠标指针的水平坐标。clientY返回当事件被触发时，鼠标指针的垂直坐标。ctrlKey返回当事件被触发时，"CTRL" 键是否被按下。metaKey返回当事件被触发时，"meta" 键是否被按下。relatedTarget返回与事件的目标节点相关的节点。screenX返回当某个事件被触发时，鼠标指针的水平坐标。screenY返回当某个事件被触发时，鼠标指针的垂直坐标。shiftKey返回当事件被触发时，"SHIFT" 键是否被按下。IE 属性
除了上面的鼠标/事件属性，IE 浏览器还支持下面的属性：
属性 | 描述 | cancelBubble如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。fromElement对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。keyCode对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。offsetX,offsetY发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。returnValue如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，可以取消发生事件的源元素的默认动作。srcElement对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。toElement对于 mouseover 和 mouseout 事件，该属性引用移入鼠标的元素。x,y事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。
0 0
