DOM(Document Object Model) 文档对象模型
是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档
查找HTML元素方法
document.getElementById 通过 id 属性获取对象,注:id是字符串
document.getElementsByTagName 通过标签名获取对象,返回的是一个元素集合,需要使用元素下标的方式[0]获得元素, 注:name是字符串
document.getElementsByClassName 通过 class 属性获取对象,返回的也是一个集合, ,需要使用元素下标的方式[0]获得元素, 注:class是字符串
DOM改变样式:
文本:
elements.innerText = "";
elements.innerHTML = "";
两种方法的区别区别:
DOM改变css样式
我们可以通过JSDOM来修改元素的大小,位置,颜色等样式
方法一:element.style 通过行内样式操作,是在样式修改较少时使用比较方便
方法二:element.className 通过给元素添加类名的方式;会直接覆盖原先的类名,如果本省的类型不想被覆盖
可以添加类名。在样式修改复杂比较多时使用
注意:这里通过js的方式添加,相当于是行内样式添加,会提高权重,所以才会覆盖CSS上的样式。
轮播图