元素内部结构的操作
1.innerHTML
获取元素内部的HTML结构:element.innerHTML
设置元素内容:element.innerHTML=“<p>hello</p>”
2.innerText
获取元素内部的文本(只获取文本内容):element.innerText
设置元素内部文本:element.innerText=“hello”
元素属性的操作
1.getAttribute
获取元素的某个属性值(包括自定义属性):element.getAttribute(‘class’)
2.setAttribute
给元素的设置属性(包括自定义属性):element.setAttribute(‘class’,’box’)
3.removeAttribute
移除元素属性(包括自定义属性):element.removeAttribute(‘class’,)
元素样式的操作
style
专门用来给元素添加CSS样式的:element.style.样式=‘值’
添加的都是行内样式
类属性操作
className
专门用来添加元素的类名:element. className=‘值’
专门用来获取元素类名称:element.className
JS操作属性和样式
最新推荐文章于 2024-01-27 12:54:20 发布