JavaScript之DOM总结

页面导航:首页 > 网络编程 > JavaScript > JavaScript之DOM总结

JavaScript之DOM总结

来源: 作者: 时间:2016-01-23 10:23 【

DOM (Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的 API(应用程序接口),是一个能够让程序和脚本动态访问并且更新文档内容、结构及样式语言平台 。D(document),是

DOM (Document Object Model)即文档对象模型,针对 HTML 和 XML 文档的 API(应用程序接口),是一个能够让程序和脚本动态访问并且更新文档内容、结构及样式语言平台 。D(document),是web加载的网页文档;O(Object),我们熟知的对象,可以调用属性和方法;而M(Model)理解为网页文档的结构。

主要内容概括如下:

\

DOM将web加载HTML而生成的树型结构,分成了节点:

\

其中这些我们在之前的学习过程中都已经接触过,而meta相对来说比较陌生,它的主要用途是设置网页语言的编码方式。一般出现在网页标题部分,但是不会在浏览器页面显示,只会显示在源代码中。

这些节点一般都分为三类:元素节点、文本节点和属性节点。例如

测试
,div就表示元素节点,title=”属性”为属性节点,“测试”就是文本节点。

 

DOM类型与节点的类型有很多相似的地方,比如在DOM的Node类型中同样存在元素、属性和文本,他们的存在是为了获取节点中的对应属性值,比如:Node.ELEMENT_NODE可以获取元素节点类型值。

在DOM扩展中,有一个滚动方法,主要用于页面信息过多时,可以设置加载想要的位置。那么这个是否可以应用于评教中呢?大家都知道在评教系统中,如果有一个选项没有选择时,会提示有选项没有选,但是不会跳转到对应的位置。那么,这个方法不就可以实现该跳转吗?具体是否能够实现,有待今后继续学习。

为了减少程序中的代码量,使用DOM可以动态的为网页添加样式、脚本等,实现程序代码与CSS、js等的分离,易于扩展,为我们的程序维护带来很大的便利。

 

 

总结:

通过这段时间的学习,对js才算是真正的入门。在之前的学习过程中,只了解了基础知识,具体如何应用现在刚刚开始。DOM中的一些操作,让自己想到了牛腩中的很多方法,之前都是不太了解,仅仅知道能够实现功能,具体的原理却是不清楚。学完这部分内容之后,才摸到一些门道,知道了为什么。但是,想要深入了解,还需进一步学习。。。

Tags:

相关文章

    文章评论

    最 近 更 新
    热 点 排 行
    Js与CSS工具
    代码转换工具
    
    <