js的dom学习笔记一

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的dom学习笔记一相关的知识,希望对你有一定的参考价值。

  

  前言:

  我现在不好定位自己程序编写的技术的好坏,新手吧。DOM是实现js脚本连接上html文档的一个API,才接触jquery一两天,大概能明白,所谓的框架,就是在原生态的基础上做出的函数库,里面的方法、属性都是要使用该框架的对象来调用的。相比于jquery,DOM不是框架,虽然它们都能实现操控网页文档元素,DOM更加底层,dom的方法、属性直接面对文档元素来使用,而jquery要面向jquery对象来使用。

  DOM 是一个可以让javascript脚本操控HTML元素、css属性的一套w3c标准,全称document object model 文档对象模型,内嵌于javaScript引擎中, “节点”概念是这里的一个单位元素,通过形象的理解节点这个概念,能更好的学习js的使用,接着就是里面的层级关系、接着就是方法、属性、事件。。。。

  1.“节点概念 

    文档里<html>标签是根标签或者“根节点”,其他都是节点对象,包括属性和文本,按照层级关系,形于人类家庭的宗亲关系,用来形象理解。

技术分享

 

 

 

2.官方学习文档的截图。

看看下面的官方介绍,比起我的理解,更加全面。 

 

技术分享

技术分享

技术分享

 

    3.DOM的实际使用。

  dom是供网页脚本语言操作网页元素的api,内嵌于浏览器,与大多数的程序语言一样,js面向对象,这里html元素就是它面对的对象,利用dom去获取、修改和使用这些对象。

  

  

  

  

以上是关于js的dom学习笔记一的主要内容,如果未能解决你的问题,请参考以下文章

学习笔记JS进阶语法一DOM基础

如鹏网学习笔记DOM

JS学习笔记DOM基础-字节点,父节点

JS学习笔记DOM基础-首尾子节点,兄弟节点

学习笔记JS之事件(上)

JavaScript DOM编程艺术-学习笔记(总结一)