【JavaScript】DOM之Document对象

SoapEye 发布于2019-08-23 11:32 / 2864人阅读

摘要：一对象对象是什么对象是的基本规范也是重要的对象之一，以访问，更新页面内容的属性和方法通过。

JS(JavaScript)

一.Document对象

1.Document对象是什么

Document对象

是DOM的基本规范也是重要的对象之一，以访问，更新页面内容的属性和方法
通过conslie。log()方法来Document对象打印，测试该对象的属性和方法

继承链关系

2.定位页面元素

getElementById()方法

该属性特点是唯一不可重复

getElementsByName()方法

name是参数表示定位元素name属性值
name属性不唯一 - 得到结果可能是一个或多个

节点集合NodeList

getElementsByTagName()方法

name是参数，表示定位元素的元素名
elements是返回值

定位元素元素属性

getElementsByClassName()方法

names是参数，表示定位元素的class属性值
names参数是可以是一个样式属性名称或多个样式属性名称

querySelector()方法

是通过CSS选择器定位第一个匹配元素
selectors是参数表示选择器以多个逗号分隔，并包含一个或多个CSS选择器
element是返回值

3.创建页面元素

创建元素节点

tagName是参数，表示创建元素节点
element是返回值

创建文本节点

data是参数，表示文本节点的内容(字符串)
textNode是返回值

创建属性节点

name是参数是指属性节点的名称
attributeNode是返回值

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97105.html

【EASYDOM系列教程】之DOM 简介

摘要：最后表示，就是中表示各个对象之间的关系。的定义由于的标准规范是由组织起草并定义的，所以对的定义是目前最权威的解释。浏览器的支持目前几乎所有的浏览器都支持的内容。而组织定义的标准规范，主要也是为了解决在不同浏览器的差异问题。 DOM 是什么 DOM 被设计用于解析 HTML 页面文档，方便 JavaScript 语言通过 DOM 访问和操作 HTML 页面中的内容。 DOM 是由 W3C...

Me_Kun 2019-08-20 17:50 评论0 收藏0
【JavaScript】DOM之Document对象

摘要：一对象对象是什么对象是的基本规范也是重要的对象之一，以访问，更新页面内容的属性和方法通过。 JS(JavaScript) 一.Document对象 1.Document对象是什么 Document对象是DOM的基本规范也是重要的对象之一，以访问，更新页面内容的属性和方法通过conslie。log()方法来Document对象打印，测试该对象的属性和方法 /* ...

dreamans 2019-08-02 16:31 评论0 收藏0
JavaScript 之 DOM [ Document对象 ]

摘要：描述表示文档对象模型是独立于任何语言的是用于操作页面的内容文本图像等等结构元素标签和样式属性引入文件可以在页面添加代码方式分为内嵌样式可以在元素中使用元素闭合元素在里面书写代码内嵌样式存在的问题由于将元素写在页面元素上面时，浏览器会先执行代 DOM 描述 DOM表示文档对象模型 DOM是独立于任何语言的 DOM是用于操作HTML页面的内容(文本、图像、等等...)、结构（元素标签）和...

xorpay 2019-08-23 11:31 评论0 收藏0
JavaScript系列之事件详解

摘要：响应某个事件的函数就叫事件处理程序或事件侦听器。为事件指定事件处理程序的方法主要有种。事件处理程序事件直接加在元素上。事件委托利用冒泡的原理，把事件加到父元素或祖先元素上，触发执行效果，解决事件处理程序过多问题。事件委托优点提高性能。 JavaScript简单入门可以看看我丑丑的Github博客JavaScript简单入门事件 JavaScript与HTML之间的交互是通过事件实现的...

pakolagij 2019-08-21 17:16 评论0 收藏0
《JavaScript 闯关记》之事件

摘要：事件捕获团队提出的另一种事件流叫做事件捕获。所有节点中都包含这两个方法，并且它们都接受个参数要处理的事件名作为事件处理程序的函数和一个布尔值。最后这个布尔值参数如果是，表示在捕获阶段调用事件处理程序如果是，表示在冒泡阶段调用事件处理程序。 JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下，当文档、浏览器、元素或与之相关的对象发生某些有趣的事情时，Web 浏览器...

ConardLi 2019-08-22 10:44 评论0 收藏0