element元素 取属性_JS-DOM Element方法和属性

setAttribute方法:

var a=document.createElement("div"); //新建一个DIV

a.id="div1";

//给新加的DIV命名

a.style.setAttribute("zIndex",2);

//设置DIV叠放次序

a.style.setAttribute("textAlign",Dalign);

//对齐方式

a.style.setAttribute("border","#e6e7e8 1px solid");

//边框颜色

a.style.width=divwidth; //DIV宽度

a.style.height=Dheight;

//DIV高度

a.setAttribute("position","absolute");

a.style.backgroundColor=Dbgcolor;

//DIV背景

a.setAttribute("z-index","2"); //DIV叠放次序

a.style.top =

divtop+"px"; //DIV上边距

a.style.left = divleft+"px";

//DIV左边距

a.setAttribute("innerHTML",info10[0].firstChild.data+"

"+info11[0].firstChild.data);

document.body.appendChild(a); //新建DIV结束

隐藏div：document.getElementById(“啊”).style.display="none" //block 出现

document.getElementById(“啊”).style.disabled="true"

document.getElementById(“啊”).style.readOnly="true"

接口

nodeType常量

nodeType值

备注

Element

Node.ELEMENT_NODE

1

元素节点

Text

Node.TEXT_NODE

3

文本节点

Document

Node.DOCUMENT_NODE

9

document

Comment

MENT_NODE

8

注释的文本

DocumentFragment

Node.DOCUMENT_FRAGMENT_NODE

11

document片断

Attr

Node.ATTRIBUTE_NODE

2

节点属性

方法

描述

createAttribute()

用指定的名字创建新的Attr节点。

createComment()

用指定的字符串创建新的Comment节点。

createElement()

用指定的标记名创建新的Element节点。

createTextNode()

用指定的文本创建新的TextNode节点。

getElementById()

返回文档中具有指定id属性的Element节点。

getElementsByTagName()

返回文档中具有指定标记名的所有Element节点。

属性

描述

attributes

如果该节点是一个Element，则以NamedNodeMap形式返回该元素的属性。

childNodes

以Node[]的形式存放当前节点的子节点。如果没有子节点，则返回空数组。

firstChild

以Node的形式返回当前节点的第一个子节点。如果没有子节点，则为null。

lastChild

以Node的形式返回当前节点的最后一个子节点。如果没有子节点，则为null。

nextSibling

以Node的形式返回当前节点的兄弟下一个节点。如果没有这样的节点，则返回null。下一个兄弟节点

nodeName

节点的名字，Element节点则代表Element的标记名称。

nodeType

代表节点的类型。

parentNode

以Node的形式返回当前节点的父节点。如果没有父节点，则为null。

previousSibling

以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点，则返回null。上一个兄弟节点

方法

描述

appendChild()

通过把一个节点增加到当前节点的childNodes[]组，给文档树增加节点。

cloneNode()

复制当前节点，或者复制当前节点以及它的所有子孙节点。

hasChildNodes()

如果当前节点拥有子节点，则将返回true。

insertBefore()

给文档树插入一个节点，位置在当前节点的指定子节点之前。如果该节点已经存在，则删除之再插入到它的位置。

removeChild()

从文档树中删除并返回指定的子节点。

replaceChild()

从文档树中删除并返回指定的子节点，用另一个节点替换它。