DOM启蒙
文章平均质量分 67
这是继《JavaScript DOM艺术编程》之后,我阅读的第二本关于DOM的书籍。这本书与《JavaScript DOM艺术编程》的风格截然不同,它注重于讲解每种节点类型的其中的属性与操作方法。希望我阅读此书的笔记可以帮助到每一个刚刚在前端领域起步的朋友们。
yyanliqi
less interests ,more interest .
展开
-
DOM启蒙:CSS样式表与CSS规则
1.CSS样式表概览 (1) 添加样式表到HTML文档的方式:使用HTMLLinkElement节点(<link href='stylesheet.css' rel='stylesheet' type='text/css'>)引入外部样式表 使用HTMLStyleElement(<style></style>)来定义内联样式表 (2)...原创 2018-10-31 22:49:03 · 265 阅读 · 0 评论 -
DOM启蒙:DocumentFragment节点
1.DocumentFragment对象概览 把DocumentFragment看做一个空的文档模板,行为与实时DOM树相仿,但仅在内存中存在,并且它的子节点可以很简单地在内存中操作,而后附加到实时DOM。 2.createDocumentFragment(): 创建DocumentFragment 使用文档片段在内存中创建...原创 2018-10-30 22:20:40 · 258 阅读 · 0 评论 -
DOM启蒙:节点概览
1.DOM:由节点对象组成的树2.节点类型 节点类型: DOCUMENT_NODE ELEMENT_NODE ATTRIBUTE_NODE TEXT_NODE DOCUMENT_FRAGMENT_NODE DOCUMENT_TYPE_NODE 这些节点类型常量在浏览器JavaScript环境中是Node对象的属性。 节点接口/构造函数HTML*Ele...原创 2018-10-21 11:02:28 · 150 阅读 · 0 评论 -
DOM启蒙:文档节点
1.文档节点概览 HTMLDocument构造函数在DOM中创建DOCUMENT_NODE。 Document与HTMLDocument构造函数是浏览器在加载HTML文档时特意实例化的。 document.implementation.createHTMLDocument():可以在浏览器中当前加载的文档之外创建一个自己的HTML文档。 create...原创 2018-10-24 17:07:10 · 204 阅读 · 0 评论 -
DOM启蒙:元素节点
1.HTML*Element对象概览 HTML文档中每个元素都有个唯一的本源。即每个都有独一无二的JavaScript构造函数,是这些元素实例化为DOM树中的节点对象。2.HTML*Element对象属性与方法(包括继承的) 属性:tagName:获取元素的标签名 children:获取所有的直属子元素节点 attributes:获取元素属性与值地列表/集合 da...原创 2018-10-24 18:02:40 · 125 阅读 · 0 评论 -
DOM启蒙:元素节点选取
1.选取特定元素节点querySeletor(): 允许一个CSS选择器语法格式参数。 返回文档中符合该选择器的首个元素节点。 同样在元素节点上定义了。使得该方法可以限制它的结果到DOM树的某个分支 getElementById()2.选取/创建一个元素节点列表(NodeList)quer...原创 2018-10-26 21:38:53 · 227 阅读 · 0 评论 -
DOM启蒙:元素节点内联样式
1.样式属性概览 每个HTML元素都有个style属性,可以用来插入针对该元素的内联CSS属性。 注意:style属性返回一个CSSStyleDeclaration对象,而不是一个字符串。该CSSStyleDeclaration都仅包含该元素的内联样式。 2.获取、设置及移除单个内联CSS属性 1. 内联CSS样式都各自表示为元素节点style对象的一...原创 2018-10-27 17:10:08 · 360 阅读 · 0 评论 -
DOM启蒙:文本节点
1.文本节点概览 HTML文档中的文本表现为 Text()构造函数的示例,即文本节点。 Text从CharacterData、Node及Object继承。 2.文本对象属性与方法 属性:.data:可获取Text节点的文本值/数据 .nodeValue:可获取Text节点的文本值/数据 textContent: 可用来获取所...原创 2018-10-27 17:35:19 · 216 阅读 · 0 评论