2.12学习

本文介绍了DOM树的概念,讲解了如何通过getElementById、getElementsByTagName、getElementsByClassName和querySelector等方法获取页面元素,同时提到了事件源、事件类型和事件处理程序在交互中的作用。此外,还讨论了innerText与innerHTML属性的区别以及如何操作body和html元素。
摘要由CSDN通过智能技术生成

2.12

DOM

DOM树

获取元素

根据ID获取

getElementById

因为文档页面从上往下加载,所以先得有标签,则script写到标签下

console.dir可以打印返回的元素对象,可以更好的查看里面的元素与方法

根据标签名获取

getElementsByTagName()

以伪数组的形式储存,具有length,没有则空

父元素必须是单个对象(指明哪一个)

根据类名

getElementsByClassName()

根据选择器

quarySelector()

返回指定选择器的第一个元素

里面如'.box'

可以直接使用,返回第一个元素对象

querySelectorAll()

获取特殊元素

获取body元素

var xxx=document.body

获取html元素

var xxx=document.documentElement

事件基础

事件源:

事件触发的对象,谁,按钮

事件类型:

如何触发,什么事件

事件处理程序

通过一个函数赋值的方式完成

操作元素

配合函数使用

可以不添加事件直接操作

注意innerText不识别html标签,想要可以innerHtml

一般用后一个比较多

两个属性都是可读写的,Text读的时候会去除空格或换行

html会保留空格和换行

(到p204)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值