源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

DOM基础教程之使用DOM

  • 时间:2022-06-27 15:25 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:DOM基础教程之使用DOM
在了解DOM(文本对象模型)的框架和节点后,最重要的是使用这些节点处理html网页 对于一个DOM节点node,都有一系列的属性和方法可以使用。常用的有下表。 [img]http://files.jb51.net/file_images/article/201501/2015011915053866.png[/img] 完善:[url=http://www.w3school.com.cn/xmldom/dom_element.asp]http://www.w3school.com.cn/xmldom/dom_element.asp[/url] 1.访问节点 BOM提供了一些边界的方法访问节点,常用的就是getElementsByTagName(),和getElementById()
[url=http://www.qq.com]http://www.qq.com[/url]");                 var ootextP = document.createTextNode("链接");                 oonewP.appendChild(ootextP);                 insertAfter(oonewP, ooParent);             }         </script>     </body>
 实例:元素内添加 12.添加文档碎片提高执行效率
[u]复制代码[/u] 代码如下:
    <head>         <title>childNodes</title>         <meta charset="utf-8" />         <script language="javascript">             window.onload = function() {     var oPold = document.getElementsByTagName("p")[0];     var aColors = ["red","green","blue","magenta","yellow","chocolate","black","aquamarine","lime","fuchsia","brass","azure","brown","bronze","deeppink","aliceblue","gray","copper","coral","feldspar","orange","orchid","pink","plum","quartz","purple"];     var oFragment = document.createDocumentFragment();    //创建文档碎片     for(var i=0;i<aColors.length;i++){         var oP = document.createElement("p");         var oText = document.createTextNode(aColors[i]);         oP.appendChild(oText);         oFragment.appendChild(oP);        //将节点先添加到碎片中     }     //document.body.appendChild(oFragment);    //最后一次性添加到页面      oPold.parentNode.insertBefore(oFragment,oPold);//结合insertBefore使文档碎片添加到节点之前             }         </script>     </head>     <body>     <p>这里本来有个P</p>     </body>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部