JS—HTML基础简单总结

获取元素

1. 根据ID: document.getElementById(’’), 返回的是一个元素对象
2. 根据标签名: document.getElementsByTagName(’’), 返回获取过来的元素对象集合，以伪数组存储

HTML5新增

1. 根据类名:document.getElementsByclassName(’’), 返回某些元素集合(不加符号)
2. 根据选择器:document.querySelector(’’), 返回指定选择器的第一个对象(类名加 .(点) ,ID名加 # （井号）,[需要加符号])
3. 根据选择器:document.querySelectorAll(’’), 返回指定选择器的所有对象(类名加 .(点) ,ID名加 # （井号）,[需要加符号])

获取body,html元素

1. document.body
2. document.documentElement

事件基础

执行事件步骤:
获取事件源>绑定事件>添加事件处理程序

操作元素

元素内容改变

1. innerText:非标准，去除换行和空格,不认识html标签
2. innerHTML:w3c标准，保留换行和空格，认识html标签

表单元素属性操作

1. (type,value,checked,selected,disabled…)
2. 表单内容修改用 ".value"来修改
3. 按钮被禁用 “.disabled=true”
4. this 指向的是事件函数的调用者
5. …

样式属性操作
Js修改style样式，产生的是行内样式

1. 行内样式操作: .style
2. 类名样式操作: .className