Extjs 基础篇—— DOM操作

一 节点的访问
var div = document.getElementById('myDiv');
二 节点的创建

var div = document.createElement('div');
   div.id = 'newDiv';
   document.body.appendChild(div);
   // 指定位置
  document.body.insertBefore(div,document.getElementById('myDiv'));

三 节点的删除

一 节点的访问
var div = document.getElementById('myDiv');
二 节点的创建

var div = document.createElement('div');
   div.id = 'newDiv';
   document.body.appendChild(div);
   // 指定位置
  document.body.insertBefore(div,document.getElementById('myDiv'));

三 节点的删除
var p = document.getElementsByTagName('myDiv')[0];
   p.parentNode.removeChild(p);

四 修改标签属性
var div = document.getElementById("myDiv");
   div.id = "newDiv";
   div.innerHTML = "<div> 新的idv</div>";

五 查看节点的内容
var div = document.getElementById("myDiv");
   alert(div.innerHTML);

六 修改css样式
var div = document.getElementById("myDiv");
   div.className = 'myClass';

作者:wangyuelucky
原文:http://wangyuelucky.blog.51cto.com/1011508/1063379