文档:一个页面就是一个文档。
元素:页面中所有的标签都是元素,也可以叫对象。
节点:页面中所有的内容都是节点,标签,属性,文本。
在JS中操作dom,设置css样式时,样式的名称如background-color,在js中一律用驼峰写法,backgroundColor
通过JS设置元素行内样式,操作style属性即可
通过JS设置元素的类样式,不用class关键字,应使用className
a 标签点击事件有默认的跳转,想要阻止默认的跳转,在点击事件函数的最后return false;
若点击事件函数中有多条语句执行,封装成函数的形式,应将函数返回,才能阻止a的默认跳转。
JS中的事件:onclick,onmouseover,onmouseout,onfocus,onblur等等。
原生JS选择器:
document.getElementById(),
document.getElementsByClassName(),
document.getElementsByTagName().
document.getElementsByName()
H5选择器:
document.querySelector(),
document.querySelectorAll()
TextContent与innerText
IE8不支持:textContent
InnerText和innerHTML
InnerText设置:按纯文本的方式解析内容,innerHTML设置:按html的方式解析内容
InnerText获取:不仅能获得当前元素的内容,还能获取子元素中的文本内容。
InnerHTML获取:同样能获取到子元素,但包含了子元素的标签
结果:
获取/设置/删除自定义(自带属性)属性:getAttribute()/setAttribute()/removeAttibute()
Tab的实现,