第三章 DOM

最新推荐文章于 2018-07-07 22:05:13 发布
最新推荐文章于 2018-07-07 22:05:13 发布
阅读量294 收藏
点赞数
分类专栏： JavaScript DOM编程艺术（第二版）读书笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a972043362/article/details/51668702
版权
  • 节点的概念
  • 5个常用的DOM方法：getElementById、getElementsByTagName、getElementsByClassName、getAttribute、getAttribute

DOM中的   “D”：文档      "O":对象    "M":模型

  • JS中的对象可分为三种类型：
　　用户定义对象：由程序员自行创建的对象

      内建对象：内建在JS语言里的对象

　　 宿主对象 ：由浏览器提供的对象

3.4节点

在DOM中分为很多不用的节点，也有很多类型的节点包含着其他类型的节点。主要分为三种：元素节点，文本节点，属性节点。

  3.4.1 元素节点

DOM的原子是元素节点。标签的名字就是元素的名字。元素可以包含其他元素。没有被包含在其他元素里面的一般只有<html>元素，我们称它为节点树的根元素。

  3.4.2 文本节点

文本节点即元素包含的文本。例如：<p>文本</p>其中P元素中的文本就是文本节点。

  3.4.3属性节点

属性节点用来对元素做出更加具体的描述。例如基本上所有属性都有的title属性。

3.4.4 CSS

节点中的子元素会自动继承父元素的CSS。
如果我们想某一个或者某几个元素显示出另外的样式，这就需要与其他样式区分出来，我们可以对这些元素添加class或者id属性。

3.4.5 获取元素

3.4.6 盘点知识点

3.5 获取和设置属性

3.5.1 getAttribute

3.5.2 setAttribute





a972043362
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript 第三章 DOM编程基础 使用document对象
03-24
NULL 博文链接：https://hotstrong.iteye.com/blog/1032536
第三章.jquery的DOM操作
养有道
12-03 407
第三章.jquery的DOM操作     1.节点操作         1.1查找节点              查找节点元素 $("ul li:eq(1)")              查找节点属性 $p.attr("title")         1.2创建节点              创建元素节点 var $li_1=$("") $("ul").append($li_1);
JavaScript DOM(二）之Document类型
漫长学习路
05-31 2747
Document类型简介 javaScript通过Document类型表示文档；因此我们称document 为文挡对象，在浏览器中， document对象是HTMLDocument的一个实例，表示整个HTML页面，而且，document对象是window对象的一个属性，因为可以作为一个全局对象来访问； Document类型特征 1:nodeType的值为9; 2:nodeName的值为"#
锋利的jQuery-第三章 jQuery中的DOM操作
记录学习前端的点滴知识
04-04 960
***jQuery中的DOM操作*** 3.1DOM操作的分类 DOM操作分为3各方面：DOM Core（核心），HTML-DOM和CSS-DOM. 3.2jQuery中的DOM操作 3.21查找节点 备注：因为我之前只是看了前三章并没有在电脑上敲代码，所以以为jq和js使用的环境一样，导致书上的案例没有弹出，然后又往前看了书，下载了jq库，现在jq能够正常使用了
JavaScript网页简单特效篇3
笺赕
07-07 330
1、判断页面是否加载完毕2、窗口打开时显示大广告图片及其自动关闭3、带关闭按钮的右下角图片广告 
Javascript的DOM操作_测试效果
程序小白的博客
06-09 839
test
JavaScript DOM 学习第三章 内容表格
10-29
在这一章我会解释我的网站上的所有页面都在运行的内容表格的代码。他会生产这个页面的所有h3和h4的列表，然后给他们添加一个链接。
JavaScript DOM学习第一章 W3C DOM简介
01-19
在这一章我主要介绍已经被新一代的浏览器所支持的W3C 第一级的DOM。对他的运作做一个大概的了解并且让你知道你可以对他们做什么。 首先是对于DOM的一些建议和DOM设计的目的，然后我会告诉你什么是节点（nodes）并且...
第三章JavaScript操作DOM对象
LCL020205的博客
04-19 2095
A.DOM操作分为DOM Core,HTML-DOM和CSS-DOM三个方面。B.在HTML-DOM中查找节点的标准方法是getElement系列方法，也可以使用parentNode，firstChild,lastChild,nextSibling,previousSibling按层次关系查找节点，为避免浏览器兼容性，也使用firstElementChild,lastElementChild,n...
页面作业练习
ztt0918的博客
04-26 415
html> html lang="en"> head> meta charset="UTF-8"> title>页面作业title> style> .cleanfix:after{ content: ""; display: table; clear: both; }
node-v12.20.1-sunos-x64.tar.xz
04-27
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于Springboot+Vue的乡政府管理系统-毕业源码案例设计.zip
04-27
网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
一名合格的程序猿修炼手册.md
04-27
一名合格的程序猿修炼手册.
5MHz 函数发生器使用说明书
04-27
5MHz 函数发生器使用说明书
99- 矿山工业互联网平台解决方案.pptx
04-27
99- 矿山工业互联网平台解决方案.pptx
基于Python大学生社会实践申报系统的设计与实现带vue前后端分离毕业源码案例设计.zip
04-27
网络技术和计算机技术发展至今，已经拥有了深厚的理论基础，并在现实中进行了充分运用，尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代，所以对于信息的宣传和管理就很关键。系统化是必要的，设计网上系统不仅会节约人力和管理成本，还会安全保存庞大的数据量，对于信息的维护和检索也不需要花费很多时间，非常的便利。 网上系统是在MySQL中建立数据表保存信息，运用SpringBoot框架和Java语言编写。并按照软件设计开发流程进行设计实现。系统具备友好性且功能完善。 网上系统在让售信息规范化的同时，也能及时通过数据输入的有效性规则检测出错误数据，让数据的录入达到准确性的目的，进而提升数据的可靠性，让系统数据的错误率降至最低。 关键词：vue；MySQL；SpringBoot框架 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
工厂工资明细表Excel模版
04-27
基于提供的字段介绍，我们可以设计一个基础的工厂工资明细表Excel模板结构如下： | 序号 | 姓名 | 工种 | 工作天数 | 工时费/天 | 小计（正常工资） | 加班时间 | 加班费率/小时 | 小计（加班工资） | 预借 | 合计（实发工资） | 签字 | 备注 | | ---- | ---- | ---- | -------- | ---------- | -------------- | -------- | -------------- | --------------- | ---- | -------------- | ---- | ---- | | 1 | | | | | | | | | | | | | | 2 | | | | | =D2*C2
供应链管理 高成本、高库存、重资产的解决方案.rar
04-27
随着市场竞争的不断加剧和客户需求的多样化，传统的供应链管理模式面临着高成本、高库存和重资产等一系列挑战。为了有效应对这些挑战，企业亟需通过数字化转型来重塑供应链管理，实现效率提升和成本降低。本资料《供应链管理：高成本、高库存、重资产的解决方案》提供了针对这些问题的综合性数字化解决方案。在这份精品资料中，读者将了解到如何利用先进的信息技术手段，如大数据、云计算、物联网（IoT）和人工智能（AI），对供应链进行优化。通过实时数据分析，企业能够精准预测市场需求，从而减少过剩库存，降低仓储成本。同时，智能化的供应链协同平台可以加强供应商与制造商之间的合作，提高响应速度和灵活性，缩短产品交付周期。此外，资料还深入探讨了如何通过数字技术实现供应链的可视化管理，使企业能够全面掌握供应链的每一个环节，及时发现并解决问题，避免成本浪费。通过采用轻资产运营模式，企业能够减轻固定资产负担，提高资本使用效率。最终，这份资料不仅为企业提供了一套完整的供应链数字化转型路径，还结合具体案例分析，展示了数字化转型如何在实际操作中带来显著成效，帮助企业在激烈的市场竞争中保持领先地位。重新回答||
五相感应电机矢量控制模型MATLAB
最新发布
04-27
适合相关科研人员，新手借鉴啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
《javascript数据可视化编程》—— 第4章
05-11
《Javascript数据可视化编程》第4章主要介绍了D3.js的数据绑定方式和数据更新逻辑。数据绑定是D3.js的重要特性之一，通过数据绑定可以将数据和DOM元素进行关联，使得数据更新时DOM元素可以及时响应变化，实现数据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a972043362

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值