现在的位置: 首页 > web前端 > 正文

JavaScript笔记八:DOM

2019年11月03日 web前端 ⁄ 共 592字 ⁄ 字号 评论关闭

DOM(文档对象模型):针对HTML和XML文档的一个API(应用程序编程接口)。描绘了一个层次化的节点树,允许开发人员添加、移除、修改页面的某一部分。成为表现和操作页面标记的真正的跨平台、语言中立的方式。

1、节点层次

   DOM可以将任何的HTML或XML文档描绘成一个多层节点构成的结构。

   Node类型:用于抽象地表示文档中一个独立的部分,所有其他的类型都继承自Node;

Document类型:表示整个文档,是一组分层节点的根节点;

   Element类型:表示文档中的所有HTML或XML元素,可以用来操作这些元素的内容和特性;

   Text类型、Comment类型、CDATASection类型、DocumentFragment类型、Attr类型:分别表示文本内容、注释、文档类型、CDATA区域和文档片段。

2、DOM操作技术

   创建动态脚本:插入外部文件盒直接插入JavaScript代码

   <script type=”text/javascript” src=”xx.js”></script>

或 <script type=”text/javascript”>

   </script>

   同样创建动态样式也是如此

   <link rel=”stylesheet” type=”text/css”href=”xx.css”>

或 <style type=”text/css”>

   </style>

   

抱歉!评论已关闭.