6.24js.dom

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上的样式。

轮播图

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值