首页 > 编程语言 >七DOM编程学习-概念引入

七DOM编程学习-概念引入

时间:2023-01-08 00:22:42浏览次数:32  
标签:元素 DOM 对象 编程 引入 document 节点

  

什么是DOM编程

简单来说:DOM编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程.

什么是document

document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程的关键所在。

document对象如何获取

document对象是window对象的一个成员属性,通过window.document来访问,当然也可以直接使用document,根据HTML代码结构特点,document对象本身是一种树形结构的文档对象。

 

 

 

DOM节点分类node

结点对象:Node,document对象中的每一个分支点都是一个node对象,它有三个子类

元素节点 Element   如:a 我的链接</a>

属性节点 Attribute  如:文本节点 Text      如:1.查询元素(获取元素,进而操作元素,或者元素的属性,文本)

2.操作文本

3.操作属性

4.操作元素

5.操作CSS样式(一个特殊的属性style)

实例代码分析

 

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title>页面分析</title>
        </head>
        <body>
               x
                <div id="d1" style="width: 100px;height: 100px; border: 1px solid red;">
                        1a
                        <span>hello</span>
                        2b
                        <span>thank you</span>
                        3c
                        <span>thank you very much</span>
                        4d
                </div>
               y
        </body>
</html>

 

Node节点常用的属性和方法

 

 

 

 

 

 

 

 

 

 

 

 

标签:元素,DOM,对象,编程,引入,document,节点
From: https://www.cnblogs.com/2324hh/p/17033929.html

相关文章

  • JavaScript-DOM-节点操作
    JavaScript-DOM-节点操作目录JavaScript-DOM-节点操作5.节点操作5.1为什么学节点操作5.2节点概述5.3节点层级6.工作中常见操作1.排他思想(算法)2.百度换肤效果3.表格隔......
  • 8.1echarts的引入
    认识Echarts ApacheECharts是一个正在由Apache孵化器赞助的Apache开源基金会孵化的项目。官方网址:https://echarts.apache.org/zh/index.html2018年3月份,全球著名......
  • 8.1echarts的引入
    认识Echarts ApacheECharts是一个正在由Apache孵化器赞助的Apache开源基金会孵化的项目。官方网址:https://echarts.apache.org/zh/index.html2018年3月份,全球著名......
  • 关于c#:如何在Core 2.0中的ConfigurationBuilder中设置SetBasePath 引入包解决 .AddEnv
    关于c#:如何在Core2.0中的ConfigurationBuilder中设置SetBasePathhttps://www.codenong.com/46843367/HowtoSetBasePathinConfigurationBuilderinCore2.0如何......
  • 适合编程初学者的开源项目:小游戏2048(Go语言版)
    目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现。2048游戏规则一共16个单元格,初始时由2或者4构成。1、手指向一个方向滑动,所有格子会向那个方向运动。2......
  • 使用云桌面搭建少儿编程环境
    公司从事scratch少儿编程培训,学员需要使用到运行scratch的编程环境。每个培训点大概需要10个左右的电脑。如果使用PC搭建,投入较高,并且管理起来比较复杂。学员再使用后,可能......
  • 一些学习编程的优质网站
    国外的google.com就不说了,好是好,得跳墙。http://github.com地球上最大的开源中心,项目非常丰富,从华贵绚丽的界面到低调实用的小类库,应有尽有。需要睁大眼睛慢慢挑,适合......
  • 网络编程
    网络编程CS架构和BS架构网络通信物理连接介质osi七层模型物理层>数据链路层>网络层>传输层>会话层>表示层>应用层物理层:信号转换问题0101==》电信号(......
  • 场景编程集锦-月光族的期待
    1.场景描述“月光族”是指没到下一个发薪日,工资就被全部花光的一群人。这个称谓是一个没有贬义的中性词。“月光族”通常是有知识有文化、有固定的工作收入,秉持着乐观豁达......
  • 适合编程初学者的开源项目:小游戏2048(Vue版)
    目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现。2048游戏规则一共16个单元格,初始时由2或者4构成。1、手指向一个方向滑动,所有格子会向那个方向运动。2、相......