DOM概述

最新推荐文章于 2023-11-06 15:38:27 发布

iteye_15712

最新推荐文章于 2023-11-06 15:38:27 发布

阅读量114

点赞数

分类专栏： JavaScript 文章标签： HTML JavaScript XML ViewUI

本文链接：https://blog.csdn.net/iteye_15712/article/details/81790742

版权

14 篇文章 0 订阅

订阅专栏

DOM是为了方便处理层次文档（如XML、HTML）的一种技术。下面说一下HTML DOM。

在JavaScript中描述DOM的对象是document，其它document不仅是HTML DOM，它也是XML DOM，如果要直接操作HTML文档，可以使用documentElement属性。如：

var oHtml = document.documentElement;

oHtml表示了整个HTML文档，下层有两个元素：head和body。获得方法有

var oHead = oHtml.firstChild;
var oBody = oHtml.lastChild;
//或者
var oHead = oHtml.childNodes[0];
var oBody = oHtml.childNodes[1];

通过HTML元素的outerHTML和innerHTML属性，可以得到当前元素的包括本身和不包括元素本身的HTML代码。

oHead.outerHTML;//包括<head>和</head>标签本身的内容。
oHead.innerHTML;//只包括<head>和</head>标签中间的内容。

关注