2.web前端开发(四)0303 javaScript进阶-DOM

1.dom的简介
2.js操作dom节点的增删改查
3.dom中元素节点之间的关系
4.js操作元素的属性
5.js操作元素的css样式

一、简介

个人理解:
由于html是搭出框,css是对框里的元素进行美化和布局,js则可以实现元素的查改增删和数据的交互,使得网页变的美观(css)灵活(js)
js里面一方面要知道它的基本语法,另一方面要使用dom去选择要修改的元素 然后去对元素进行修改(增删改查),第三方面是使用bom对浏览器的部分进行修改

bom和dom负责的区域
在这里插入图片描述

学习连接:
https://blog.csdn.net/qq877507054/article/details/51395830?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161475253316780269882042%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=161475253316780269882042&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2allfirst_rank_v2~rank_v29-22-51395830.pc_search_result_cache&utm_term=DOM

二、增删改查节点
(一)访问元素节点
(二)创建元素节点
(三)传入元素节点
(四)删除元素节点
(五)复制元素节点
(六)替换元素节点
(七)节点关系
三、属性操作
(一)js操作html的元素属性
(二)js操作css的元素属性

DOM就可以理解成一个文档
DOM节点树
树根是– –<br/> <strong>js就是对整个html文档进行调整的,对网页进行增删改查</strong><br/> <img src="https://img-blog.csdnimg.cn/8ce8f1405516418397e82d13baff3b44.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6L2s6L6w,size_20,color_FFFFFF,t_70,g_se,x_16" alt="在这里插入图片描述"/><br/> js定义了一个对象 就是 document 一个页面就是一个document对象<br/> document是整个html文档

二、访问元素节点的常用方法

整个html文档是document
那么具体要获取某个元素用什么方法呢?
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、dom中节点之间的几大关系

在这里插入图片描述

四、js操作元素的属性

在这里插入图片描述

五、js操作元素的css样式

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值