4.操作元素属性

4.1操作元素常用属性

●通过 JS 设置/修改 标签元素属性，比如通过src更换图片
●最常见的属性比如：href、 title、 src 等
●语法:

对象.属性 = 值

【示例】

// 1.获取元素
const pic = document.querySelector( 'img' )
// 2.操作元素
pic.src ='./images/b02.jpg' 
pic.title='演唱会'

4.2操作元素样式属性

通过JS 设置/修改 标签元素的样式属性

1.通过style属性操作CSS
●语法

对象.style.样式属性 = '值'

适用于修改应是比较少的情况。而且它生成的是行内样式表，权重较高。（高于内部样式表）
【示例】

const div = document.querySelector('div')