DOM_day01

最新推荐文章于 2022-10-10 19:27:59 发布
最新推荐文章于 2022-10-10 19:27:59 发布
阅读量122 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/big_lu/article/details/83386401
版权

正课:

  1. 什么是DOM

  2. DOM Tree

  3. 查找

  4. 什么是DOM: Document Object Model
    DOM: 专门操作网页内容的API标准——W3C
    JS=ECMAScript3.1,5,6,7(核心语法)
    DOM(专门负责操作网页内容)
    BOM(专门负责操作浏览器窗口)
    为什么: 为了统一所有浏览器操作网页内容的API
    何时: 只要操作网页内容，都要用DOM API
    包括: 5件事: 增删改查，事件绑定

  5. DOM Tree:
    什么是: 内存中存储所有网页内容的树形结构
    为什么: 因为网页内容也是有层级关系的
    如何:

  6. 当浏览器得到一个.html页面要加载时，先在内存中创建一个唯一的树根节点对象: document

  7. 浏览器边读取网页内容，边在document下创建各级子节点对象
    网页中一切内容(元素,属性,文本)都是DOM树上的节点对象
    所有节点对象有三个共同的属性:
    nodeType: 节点类型
    值: 整数
    9 document
    1 element
    2 attribute
    3 text
    何时: 辨别获得的节点对象的类型时
    问题: 无法进一步识别元素的具体名称
    nodeName: 节点名称
    何时: 想进一步辨别元素的具体名称时
    包括:
    document #document
    element 全大写标签名
    attribute 属性名
    text #text
    nodeValue: 节点值——不用记
    document null
    element null
    attribute 属性值
    text 文本

  8. 查找:

  9. 不需要查找就可直接获得的节点:

document.documentElement document.head document.body document.forms[id/i]
big_lu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python操作dom_Python Dom 的介绍和使用day1
weixin_39892800的博客
12-21 591
DOM:1.查找元素：1.直接查找2.间接查找1.节点 (所有内容)2.元素 (被括号括起来的内容)比如：1111节点包括111和1，元素只有12.操作元素：1.ID1.获得标签内容1.通过ID查找到标签：t=document.getElementById("")2.通过标签得到间接寻找相关节点：t.childNodes、t.parentNode3.获得标签的值： t.value4.获得标签的文本...
DOM_day02
Funny_Chou的博客
10-09 67
DOM_day02
ES6_day01
hanmiao12345的博客
05-06 81
day01内容 本地安装nodejs 云服务器中的nodejs，mysql,java, 本地 windows nodejs,mysql,java ES6 ES2015 JavaScript(ES5)升级版本 JavaScript组成 ECMAScript DOM BOM ECMAScript6 ES6 ES2015 环境 NodeJS 基础语法 let关键字 在...
DOM_day03
Funny_Chou的博客
10-10 235
DOM_day03
dom基础_day3.zip
06-13
DOM Day 3的学习重点可能涵盖DOM的基本概念、操作DOM节点、事件处理以及DOM遍历等方面。 一、DOM基本概念 DOM是“文档对象模型”的缩写，它将HTML或XML文档解析为一个由节点组成的树形结构。每个节点代表文档的一...
dom-day01
02-08
"DOM-day01"的学习主题可能涉及DOM的基本概念、结构以及如何在实际编程中使用DOM API进行元素操作。 首先，DOM是一个树形结构，它将HTML或XML文档中的每个部分表示为一个节点。文档本身是根节点，然后包含元素节点...
crm_day01.rar
07-14
在前端，使用jQuery进行DOM操作和Ajax异步请求。例如，当用户点击“保存”按钮时，jQuery监听事件，收集表单数据，通过Ajax发送POST请求到服务器，Service处理后返回结果，前端再根据返回状态提示用户操作成功或失败...
DOM-manip_wk6_day5_wkend_hw
02-14
【标题解析】：“DOM-manip_wk6_day5_wkend_hw”这个标题很可能是指一个关于Web开发的作业或项目，特别关注于DOM（Document Object Model）操作。它可能是在第六周的第五天周末的家庭作业或者项目练习。DOM是HTML和...
JS.rar_day3lb_javascript
09-23
在"JS.rar_day3lb_javascript"这个压缩包中，我们很显然关注的是JavaScript技术，特别是与“futdraft”程序相关的应用。"futdraft"可能是一个足球模拟选秀或者阵容构建的应用，这需要对JavaScript有深入的理解以及对...
pi_heif-0.17.0-pp310-pypy310_pp73-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
mmexport1722080103662.jpg
07-27
mmexport1722080103662.jpg
matlab 20244a 6
07-27
matlab 20244a 6
pi_heif-0.17.0-cp310-cp310-macosx_12_0_x86_64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
pillow-10.4.0-cp312-cp312-musllinux_1_2_aarch64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
生产管理体系设计全案.pptx
07-27
生产管理体系设计全案.pptx
软件管理器的开发-代码-AppExplorer-0.4.zip
最新发布
07-27
软件管理器的开发_代码_AppExplorer_0.4.zip
[毕设]一体化学生选课平台设计与实现.zip
07-27
[毕设]一体化学生选课平台设计与实现
cykooz.resizer-3.0.0-cp311-cp311-macosx_10_12_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
XML文档对象模型DOM详解
在DOM中，会解析为一棵树，其中`<applications>`是根节点，`<app>`、`<name>`、`<a>`和`<date>`是子节点，它们之间存在父子关系，属性如`href`、`year`、`month`和`day`则体现在对应的元素节点上。 在实际编程中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值