php怎么操作dom技巧_js进修之javascript中的DOM操作这个是js进修的基本操作

Element:所有的标签都是Element元素

Attribute：标签里面的属性

Text：标签中间夹着的内容为text文本

总结：document、element、attribute、text统称为节点node.

在js中利用css代码要利用dom形式，比如css中背景颜色为background-color，那么如果在js中给一个标签添加背景颜色，那么是标签工具。
style。
backgroundColor=“red”,在dom中背景颜色为backgroundColor没有斜杠

在js中给一个标签设置class属性是className

a先明确韶光源

b明确事宜，将事宜注册到事宜源上

c通过js函数对事宜进行处理

d在处理过程中须要明确处理的区域

赤色框的后两个方法返回数组，要想操作每个内容须要遍历

动态创建table

var tabNode=document.createElement(\"大众table\"大众);//创建table

var trNode=tabNode.insertRow();//创建行工具，并将行工具设置为tabNode的子节点

var taNode=trNode.insertCell();//创建单元格工具，并将该工具设置为trNode的子节点

taNode.innerHTML=\"大众<input type='button' value='一个按钮' />\公众这样在单元格里添加了按钮，innerHTML可以赋值html代码

tabNode。
deleteRow（行数）//表格删除行，行数是从0行开始的

for（var x=0;x<tabNode.rows.length;x++）{

tabNode.row[x].delete(列数);//列数也是从0开始的

}//删除某列便是删除每列的行数

//tabNode。
rows。
length获取表格的行数

//tabNode。
row[x].cells.length//，每行的单元格数，也便是列数

element.setAttribute(属性名,属性值);//属性名和属性值都假如字符串

js中除了这种办法给标签属性赋值，还可以直接tabNode。
属性=属性值的办法来为节点属性赋值

var reference=element.removeChild(node)；//父节点删除子节点

var reference=element.replaceChild(new child,old child);//将元素下的old子节点换成new子节点，返回被更换的节点，如果new'这个节点以前在文档中存在，那么它将old更换的同时，他还会在原来的位置消逝

varreference=element.insertBeforee(newNode,targetNode);targetnode该当是element的子节点，这个方法是将

newNode节点插入到elemrnt的子节点targetNode的前面

hasChildNodes（）该方法用来检测一个元素是否有子节点，返回值为真假，而文本节点和属性节点不可能包含任何子，节点，以是永久返回false

element.appendchild(工具)，在一个节点下添加子工具，若子工具本来就存在于文档中，则添加的同时会删除原来存在的，以是可以理解为移动

1通过event的srcElement属性 var v=event.srcElement

2将事宜源工具通过this传入

<dt onclick=\"大众list(this)\公众>调用</dt>

function list(dtNode){

alert(dtNode);//dt

}

让按钮失落效

<input type=\"大众button\公众 value=\公众一个按钮\"大众 action=\公众fun()\公众>

function fun(){event.srcElement.disabled=true;}//按钮不可以按了

nodeName节点名称，只读属性，如果是元素节点则返回这个元素的名称，如果是属性节点则返回这个属性的名称，如果是文本节点，则返回#text的字符串

nodeType节点类型，只读属性，返回一个整数

标签节点：类型1

属性节点：类型2

文本节点：类型3

注释节点：类型8

document节点：类型9

nodeValue节点值，读/写属性，只能为文本节点写，元素节点的nodeValue值为null，文本节点为返回文本节点的内容，属性节点为返回这个属性的值

value节点的value值

attributes得到节点属性凑集

节点和节点的关系

父节点 parentNode

子节点 childnodes 反回数组

兄弟节点 上一个兄弟节点（previousSibling）下一个兄弟节点（nextSibling）

getElementsTagName（“标署名”）这个方法不但是document才有的，大多数容器标签都有这个方法，比如tabNode.getElementstagName(\"大众标署名\公众)，这个是获取tabNode标签下的符合标署名的标签，不是在全体document这个大范围去探求。

每天分享编程知识，C措辞，java，php，web开拓欢迎关注，每天分享