黑马程序员技术交流社区

标题: 小笔记 [打印本页]

---

作者: 荔鹿小姐    时间: 2019-6-12 14:07
标题: 小笔记
【操作元素】
一、获取元素：1、根据id获取：document.getElementById（id）；伪数组
2、根据标签名：document.getElementsByTagName（'标签名'）；伪数组
3、document.getElementsByClassName（'类名'）；伪数组H5
4、document.querySelector（'选择器'）；返回是一个对象H5
5、document.querySeletorAll（'选择器'）；伪数组H5
6、特殊元素：body：document.body
html：document.documentElement
二、操作元素内容：
1、获取：元素内容.innerHTML/innerText
2、修改：innerHTML/innerText=新内容
（innerText：除去空格和换行；不会识别标签；  innerHTML：会识别标签）
三、操作元素属性
1、获取属性：【1】元素对象.属性名；【2】元素对象.getAttribute（'属性名'）；
2、修改属性：【1】元素对象.属性名=新值；（只能修改标签自带的属性）
【2】元素对象.setAttribute（'属性名'）；（既可以修改自带，又可以修改自定义属性）
3、移除属性：元素对象.removeAttribute（'属性名'）；
4、H5自定义属性：【1】设置自定义属性：要求以data-开头，元素对象.setAttribute（'data-属性名'，值）；
【2】获取自定义属性：元素对象.dataset.属性名
5、表单元素的状态属性js中用true和false来设置其状态
四、操作元素样式
1、元素对象.style.样式名=样式值；【样式少的时候用】
2、元素对象.className=类名；【样式多的时候用】

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2