智能社JavaScript视频教程

智能社JavaScript视频教程

5 (176人评价)
  • 课时:(32)

  • 学员:(2871)

  • 浏览:(207429)

  • 加入课程

12.DOM操作应用的笔记

相关课时: 笔记详情:

创建\.插入\删除元素

  1.创建

createElement(标签名)创建节点

appendChild(节点) 追加一个节点,添加到末尾

eg:var oLi=document.createElement("li");//创建元素
 oUl.appendChild(oLi);//父级.appendChild(子节点);

2.插入元素

insertBefore(节点,原有节点 )  在已有元素前插入

appendChild与insertBefore区别:

  向父级添加子节点 

3.删除DOM元素(父级)

removeChild(节点)删除一个节点,彻底删除元素

4.文档碎片

低级浏览器中提高性能、原理、

document.createDocumentFragment();var oFrag=document.createDocumentFragment(); 
 for(var i=0;i<10000;i++)
{var oLi=document.createElement("li");
 oFrag.appendChild(oLi);
 }

0 0

你感兴趣的课程

编程开发 21天学通javascript
4万+浏览/ 910学员/ 4评分
免费
编程开发 AJAX核心技术教学
3万+浏览/ 367学员/ 4.8评分
免费
编程开发 javascript课程
3万+浏览/ 483学员/ 5评分
免费