Javascript入门学习第六篇 js DOM编程第1/2页(javascript快速入门)

编辑：rootadmin

学习英文： Dom：文档对象模型。Document object model Bom：浏览器对象模型。注：也可以叫窗口对象模型。（window object model.） API：应用编程接口。注：DOM其实可以看作一种API。 Node：节点。注：节点分为：元素节点，属性节点，文本节点。元素节点包含属性节点和文本节点。 Dom树：下面我们直接看到底怎么操作DOM。 1，创建元素节点。createElement(): <SCRIPT LANGUAGE="JavaScript"> var a = document.createElement("p"); alert( "节点类型是： " +a.nodeType + " , 节点名称是： " + a.nodeName); </SCRIPT> 输出 ; nodeType 是 1 . a.nodeName 是 p ; 所以它创建的是一个元素节点 ….你也许会想为什么文档中没发现节点 p呢？我们看下面例子： <body> </body> <SCRIPT LANGUAGE="JavaScript"> var a = document.createElement("p"); document.body.appendChild(a); </SCRIPT> 用firebug查看下，发现文档中已经有我们需要的结果了。原来createElement()方法创建出来的新元素节点不会被自动添加到文档里，既然没添加到文档里，说明它还是一个游离的状态。如果想把它添加到文档里，可以使用 appendChild()或者insertBefore()方法或者replaceChild()方法（后面介绍）。 2，创建文本节点。createTextNode(): var b = document.createTextNode("my demo"); alert( "节点类型是： " +b.nodeType + " , 节点名称是： " + b.nodeName); 输出 ; nodeType 是 3 . a.nodeName 是＃text ; 所以它创建的是一个文本节点 ….你也许又会想为什么文档中没发现这个文本节点呢？难道也和createElement()一样，需要使用appendChild（）添加到文档里。对的，你的想法非常对。我们看下面例子： <body> </body> <SCRIPT LANGUAGE="JavaScript"> var mes = document.createTextNode("hello world"); var container = document.createElement("p"); container.appendChild(mes);//先把文本节点添加到元素节点 document.body.appendChild(container);//再把元素节点添加到文档里 </SCRIPT> 3，复制节点。cloneNode(boolean) :一个参数：看一个例子： <body> </body> <SCRIPT LANGUAGE="JavaScript"> var mes = document.createTextNode("hello world"); var container = document.createElement("p"); container.appendChild(mes); document.body.appendChild(container); var newpara = container.cloneNode(true);//true和false的区别 document.body.appendChild(newpara ); var newpara = container.cloneNode(false);//true和false的区别 document.body.appendChild(newpara ); </SCRIPT> 看下firebug下的结果：

推荐整理分享Javascript入门学习第六篇 js DOM编程第1/2页(javascript快速入门)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript快速入门,javascript快速入门,javascript入门书,javascript零基础入门书籍,javascript入门教程,javascript入门教程,js入门基础教程,javascript入门教程,内容如对您有帮助，希望把文章链接给更多的朋友！

Javascript入门学习第七篇 js dom实例操作第1/2页直接从方法说起：1，删除节点。removeChild():bodydivid="cssrain"divid="a"a/divdivid="b"b/divdivid="c"c/div/div/bodyscriptvarmsg=document.getElementById("cssrain");varb=document.getElementB

Javascript入门学习第八篇 js dom节点属性说明第1/2页今天我们讲DOM属性。前面其实我们已经碰过DOM属性了。比如：nodeName，nodeType…..今天我们详细的讲解下。1，nodeName属性：节点的名字。如果节点是元素

Javascript入门学习第九篇 Javascript DOM 总结第1/2页 1，创建节点。createElement():vara=document.createElement(p);它创建的是一个元素节点，所以nodeType等于1。a.nodeName将返回p;注意；createElement()方法创建出来的新元