Dom 结点创建基础知识

更新时间：2011年10月01日 00:41:14 作者：

节点操作基础知识回顾，需要dom操作的朋友可以参考下。

 
var body = document.body; 
var html = document.documentElement; 
var div = document.createElement("div"); 
var p = document.createElement("p"); 
var ali = document.createTextNode("alipay"); 
p.appendChild(ali); 
div.appendChild(p); 
div.setAttribute("id","fn-div"); 
div.setAttribute("class","fn-class"); 
body.appendChild(div); 

var arr = div.attributes; 
for(var i=0;i<arr.length;i++){ 
console.log(arr[i].name + ":" + arr[i].value); 
} 

您可能感兴趣的文章:

前端单元测试之UI测试功能性代码测试教程
这篇文章主要为大家介绍了前端单元测试之UI测试及功能性代码测试教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
操作Dom中的子元素与兄弟元素的代码
无论是在HTML里或XML文件里．都存在着子元素与兄弟元素的概念．那么我们如何使用Dom正确的操作这些元素．
2010-10-10
Dom入门教程图解推荐
Dom并非一种编程语言，Dom只是提供了一系列的接口，利用Dom的这些接口可以很方便的读取，修改，删除Html和XML文件中的标签元素和文本内容．在这里我们侧重于讲解Dom对Html文件的操作．
2010-08-08
js DOM 元素ID就是全局变量
有人在twitter上提到了:在Chrome的JavaScript终端中,你只需要输入一个元素的ID,就可以访问到这个元素.@johnjbarton给了解释,这是因为所有的元素ID都是全局变量.本文再详细解释一下
2012-09-09
需要做特殊处理的DOM元素属性的访问
这些都是很基础的，很简单，记下来都是因为怕自己一时想不起来了，到时可以看看，顺便巩固下自己的基础知识。
2010-11-11
Dom在ajax技术中的作用说明
Dom的功能确实很强大，在JavaScript的驱使下Dom能做的事太多了．
2010-10-10
Dom 结点创建基础知识
节点操作基础知识回顾，需要dom操作的朋友可以参考下。
2011-10-10
javascript针对DOM的应用实例（一）
所谓针对DOM的应用。也就我这里只教大家用javascript操作页面中dom元素做交互
2012-04-04
DOM 高级编程
这篇文章主要介绍了DOM 高级编程,需要的朋友可以参考下
2015-05-05
javascript针对DOM的应用分析（四）
从这张开始就和大家说一些实用的效果的写法。当然首当其冲的就是我们可爱的TAB选项卡，用JQ写选项卡当然是很方便的而且方法也很多。其实用原生的JS写选项卡方法也很多
2012-04-04