JavaWeb03-HTML篇笔记（六）

标签：Java

                    }

1.1.4 总结：1.1.4.1 JS中的DOM对象：
【DOM的概述】
? 什么是DOM
DOM：Document Object Model：文档对象模型.
将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
? DOM的使用：
知道document，element，attribute中的属性和方法
【DOM的常用的操作】
? 获得元素：

• document.getElementById(); -- 通过ID获得元素.
• document.getElementsByName(); -- 通过name属性获得元素.
• document.getElementsByTagName(); -- 通过标签名获得元素.
  ? 创建元素：
• document.createElement(); -- 创建元素
• document.createTextNode(); -- 创建文本
  ? 添加节点：
• element.appendChild(); -- 在最后添加一个节点.
• element.insertBefore(); -- 在某个元素之前插入.
  ? 删除节点：
• element.removeChild(); -- 删除元素
  【使用DOM完成对ul中添加一个li元素】
  function addElement(){
  var city = document.getElementById("city");
  // 创建一个元素:
  var liEl = document.createElement("li");
  // 创建一个文本节点:
  var text = document.createTextNode("深圳");
  // 添加子节点:
  liEl.appendChild(text);
  city.appendChild(liEl);
  }

JavaWeb03-HTML篇笔记（六）

标签：Java

原文地址：http://blog.51cto.com/13517854/2112667