JavaScript基础之Dom对象

末蓝、 2022-02-15 11:11 304阅读 0赞

**一、Document：文档对象**

1、创建(获取)

window.document  
document

2、方法

//获取Element对象  
getElementById() //id获取元素对象。id属性值一般唯一  
getElementsByTagName() //名称获取元素对象们。返回值是一个数组  
getElementsByClassName() //Class属性值获取元素对象们。返回值是一个数组  
getElementsByName() //name属性值获取元素对象们。返回值是一个数组

//创建其他DOM对象：  
createAttribute(name)  
createComment()  
createElement()  
createTextNode()

**二、Element：元素对象**

1、获取/创建

window.element  
element

2、方法

removeAttribute() //删除属性  
setAttribute() //设置属性

**三、Node：节点对象，其他几个的父对象**

1、方法

//CRUD dom树  
appendChild() //添加新的子节点  
removeChild() //删除子节点  
replaceChild() //新节点替换一个子节点

2、属性

parentNode //返回节点的父节点

**四、HTML DOM**

1、标签体的设置和获取 innerHTML

2、使用html元素对象的属性

3、控制元素样式

//style属性来设置
            div1.style.border = "1px solid red";
            div1.style.width = "200px";
            div1.style.fontSize = "20px";
    	
    //类选择器定义样式
    div1{
    	border:1px solid red;
    	width:200px;
    	font-size:20px;
    }

原文：[https://blog.csdn.net/mollen/article/details/82731740][https_blog.csdn.net_mollen_article_details_82731740]

[https_blog.csdn.net_mollen_article_details_82731740]: https://blog.csdn.net/mollen/article/details/82731740

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript（三）——DOM操作之如何创建DOM对象

前言：上篇文章大概说了一下DOM，但是还不是很了解，这里在说说。一、什么是DOM？ DOM 是英文Document Object Model的缩写，即文档对象模型。

╰+哭是因爲堅強的太久メ/ 2023年06月29日 10:45/ 0 赞/ 11 阅读

相关 JavaScript之DOM对象（Event事件）

文章目录一、Event事件汇总二、用法案例 1、serche搜索框

比眉伴天荒/ 2023年03月13日 05:20/ 0 赞/ 136 阅读

相关 JavaScript DOM对象

JavaScript DOM对象 DOM简介 1、HTML DOM 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model

朴灿烈づ我的快乐病毒、/ 2022年06月15日 09:20/ 0 赞/ 221 阅读

相关 javascript.dom-document对象

js的dom对象（\）\ \dom：document object model: 文档对象模型 \\ 文档：超文本文档（超文本标记文档） html 、xml

谁借莪１个温暖的怀抱￠/ 2022年06月04日 04:40/ 0 赞/ 221 阅读

相关 JavaScript学习之HTML DOM 对象

HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行！(

本是古典何须时尚/ 2022年05月30日 06:54/ 0 赞/ 262 阅读

相关 javascript基础DOM

javascript基础DOM Object 属性：constructor 方法：hasOwnProperty(name)、isPrototypeOf(objec

叁歲伎倆/ 2022年05月17日 01:18/ 0 赞/ 201 阅读

相关 JavaScript基础之Dom对象

一、Document：文档对象 1、创建(获取) window.document document 2、方法 //获取Element对象 getElementB

末蓝、/ 2022年02月15日 11:11/ 0 赞/ 305 阅读

相关 JavaScript基础9-dom 文档对象模型；html dom css javascript ，

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nf

骑猪看日落/ 2022年01月30日 04:59/ 0 赞/ 327 阅读

相关 JavaScript基础——HTML DOM (文档对象模型)

目录 DOM文档对象模型节点如何查找 HTML 元素 DOM查询 DOM添加事件 -------------------- 当网页被加载

Myth丶恋晨/ 2021年09月25日 00:22/ 0 赞/ 393 阅读

相关 JavaScript DOM对象总结

DOM Document Object Model：文档对象模型。文档：超文本文档 html、xml。对象：提供了属性和方法。模型：使用属性和方

落日映苍穹つ/ 2021年06月24日 16:10/ 0 赞/ 482 阅读