初识JavaScript DOM

客官°小女子只卖身不卖艺 2022-06-05 07:17 121阅读 0赞

**JavaScript DOM**  
D代表“Document”， 文档 ， 它将网页文档转换为文档对象。 由“**文档**”引入“**对象**”

O代表“Object” ， 对象 ， 即一种自足的数据集合。  
对象分为三种类型

1.  用户定义对象：用户自行创建。
2.  内建对象：内嵌于JavaScript中的对象 ， 如Array，Math，Data等。
3.  宿主对象：浏览器提供的对象。

宿主对象提供了window.open和window.blur等方法 ， 以前的版本基本够用。现在需要深入了解的是document对象的属性和方法。

M代表“Model” ， 即模型 ， 浏览器提供了这个模型 ， 我们则要通过JavaScript来读取这个地图甚至改造这个地图。

--------------------

文档对象可以看做一个“**家谱树**”  
至少为一个父亲(parent)，和为它的子元素且互为兄弟。

这时则诞生出了“**节点**”的概念

1.  元素节点：文档对象中的各个元素，如body，p等等。
2.  文本节点：位于p标签中或其他形式存在的文本。
3.  属性节点：id，class赋予元素的属性。

**属性声明**  
JavaScript中css样式表的声明及引用，class、id属性的构造。

**获取元素**

1.  getElementById  
    通过id返回一个对象，这个对象对应一个特定元素节点。（唯一元素）
2.  getElementByTagName  
    返回对应标签的一组元素。
3.  getElementByClassName  
    返回一个类中的一组元素。

**获取和设置属性**

*得到需要的元素后，我们就可以对相应元素的属性进行设置*

1.  getAttribute  
    object.getAttribute(attribute) 用于获取object的属性值  
    eg:

var paras =document.getElementByTagName("p");//此前赋予p的name一个值
           for(var i=0 ; i < paras.length ; i++){
              alert(paras[i].getAttribute("title"));
    }

此处可以获取到之前设置的name值，并通过alert对话框弹出

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript初识

嘿嘿，一直对javascript比较感兴趣，之前只是简单地学习，没有认真地把它系统地学习一遍，今天听到关于“HTML5+JS”以后可能的发展，瞬间觉得应该好好学学这个东东了，打

青旅半醒/ 2022年12月31日 04:21/ 0 赞/ 114 阅读

相关初识JavaScript

是什么？ JavaScript是一种具有面向对象能力的、解释型的程序设计语言。更具体一点它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要

超、凢脫俗/ 2022年09月23日 08:55/ 0 赞/ 114 阅读

相关 36-JavaScript-DOM-dom编程初解

1. Node 对象 Node 对象是整个 DOM 的主要数据类型。节点对象代表文档树中的一个单独的节点。节点可以是元素节点、属性节点、文本节点.

╰+哭是因爲堅強的太久メ/ 2022年09月18日 12:51/ 0 赞/ 122 阅读

相关 <javascript>Lesson1.初识javascript

html、css和js的相互结合 Web开发者通常会使用三种语言来创建web页面：HTML、css、javascript。 HTML：内容层；定义了页面的结构和语义

骑猪看日落/ 2022年06月14日 02:13/ 0 赞/ 125 阅读

相关【JavaScript入门】初识JavaScript

引言在学习JavaScript之前，应该先了解什么是JavaScript，以及JavaScript有哪些特点，JavaScript的应用。通过了解这些内容来增强

梦里梦外;/ 2022年06月11日 01:26/ 0 赞/ 176 阅读

相关初识JavaScript DOM

JavaScript DOM D代表“Document”，文档，它将网页文档转换为文档对象。由“文档”引入“对象” O代表“Object” ，对象，即一种自

客官°小女子只卖身不卖艺/ 2022年06月05日 07:17/ 0 赞/ 122 阅读

相关 JavaScript （一）初识JS

\JavaScript简介 \\序言：\\作为一个初入前端的萌新，学习JavaScript是我无法避免的课程，为了更好地学习这门语言，在下思来想去觉得还是需要为此写这一系列

左手的ㄟ右手/ 2022年06月05日 05:53/ 0 赞/ 140 阅读

相关深入浅出JavaScript （一）初识

什么是JavaScript? JavaScrjpt是由Netscape公司开发的一种脚本语言（scrptingIanguage)。

浅浅的花香味﹌/ 2022年04月11日 04:10/ 0 赞/ 142 阅读

相关 JavaScript中this初识

本文就是综合网上的文章对this有个初步的认识。推荐文章，另一个角度理解this：[https://www.imooc.com/article/1758\comment][

傷城~/ 2022年04月06日 07:31/ 0 赞/ 145 阅读

相关 javascript初识

一. html:内容。 css :格式。 javaScript:动作。 html中的所有标签可以有 name 和 id属性。 java和javascript没什

小鱼儿/ 2021年09月29日 09:34/ 0 赞/ 192 阅读