js--DOM操作、事件

根据ID返回单个DOM对象

 var dv1 = document.getElementById('a');

根据class属性获取,返回伪数组,就算根据class只获得了一个对象,也要放在伪数组中

var dv2 = document.getElementsByClassName('c');

得到伪数组,想要操作标签的DOM对象,必须先通过[下标]获取DOM再操作

根据标签名获取,返回伪数组,同上

var divs = document.getElementsByTagName('div');

根据name属性获取,返回伪数组,同上

var dv3 = document.getElementsByName('n');

querySelector:根据css选择器获取对象,如果结果有多个就获取第一个元素对象,返回单个DOM

querySelectorAll : 根据css选择器获取对象,返回伪数组

 事件三要素:事件源,时间类型,处理函数

DOM对象绑定一个事件,事件触发一个函数

事件源 :是触发事件的对象

第一种 ;标签中直接通过onclick属性绑定

第二种 :通过JS获取DOM对象,进行绑定,也叫迟绑定

target 事件源,谁触发,事件源就是谁

this :谁绑定的/谁调用的这个函数,this就是谁

表单元素属性操作

value 用于大部分表单元素的内容获取(option除外)

type 可以获取input标签的类型(输入框或复选框等)

disabled 禁用属性checked 复选框选中属性

selected 下拉菜单选中属性

checked

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值