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); 
} 

您可能感兴趣的文章:

js DOM 元素ID就是全局变量
有人在twitter上提到了:在Chrome的JavaScript终端中,你只需要输入一个元素的ID,就可以访问到这个元素.@johnjbarton给了解释,这是因为所有的元素ID都是全局变量.本文再详细解释一下
2012-09-09
javascript针对DOM的应用分析（三）
前两章讲了获取DOM元素。这章就开始讲如何操作dom。1.针对页面上有的DOM元素操作，无非就是对这个dom元素的样式进行操作
2012-04-04
javascript针对DOM的应用分析（二）
今天第二章，继续讲获取页面中DOM元素。大家都知道在JQ中想获取一个元素的兄弟元素，父级元素，子元素等等是非常方便的
2012-04-04
javascript针对DOM的应用实例（一）
所谓针对DOM的应用。也就我这里只教大家用javascript操作页面中dom元素做交互
2012-04-04
Dom入门教程图解推荐
Dom并非一种编程语言，Dom只是提供了一系列的接口，利用Dom的这些接口可以很方便的读取，修改，删除Html和XML文件中的标签元素和文本内容．在这里我们侧重于讲解Dom对Html文件的操作．
2010-08-08
Dom 是什么的详细说明
Dom 英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XML。
2010-10-10
前端单元测试之UI测试功能性代码测试教程
这篇文章主要为大家介绍了前端单元测试之UI测试及功能性代码测试教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-08-08
HTML Dom与Css控制方法
HTML Dom与Css的关系，大家都知道Css是用来美化网页．更改网页中元素的外观．
2010-10-10
Dom与浏览器兼容性说明
如果你还不了解Dom或不知道Dom的作用．请阅读：Dom是什么？
2010-10-10
javascript拓展DOM操作 prependChild insertAfert
Javascript dom操作中有appendChild 和insertBefore 却没有prependChild 和insertAfter
2010-11-11