JavaScript -- DOM
2020-12-13 03:19
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
标签：技术 增加 语法 css javascrip == meta 使用 att
获取标签
元素1后端 前端 测试
- java
- python
结果：
标签属性的操作
对一个标签，我们可以获取属性，增加属性，删除属性
获取属性
语法：
ele. getAttribute(" attribute")
功能:获取ele元素的 attribute属性
说明:
1、ele是要操作的dom对象
2、 attribute是要获取的html属性(如:id、tpye)
文本
结果：
text
text
undefined
如果属性是内置的，像id，type（class要写成className）这些属性，可以直接通过标签.属性就可以获取到，如果不是内置的，这样写返回的值是undefined，想要获取自定义的属性，就要用到getAttribute了
文本
结果：
text
text1
title
设置属性
语法：
ele.setAttribute("attribute","value")
功能：在ele上设置属性
说明：
1.ele是要操作的dom对象
2.attribute为要设置的属性名称
3.value为设置的attribute属性的值
文本
删除属性
语法：
ele.removeAttribute("attribute")
功能：删除ele上的attribute属性
说明：
1.ele是要操作的dom对象
2.attribute为要删除的属性名称
文本
设置元素样式
在之前的学习中，我们通过css给标签设置样式，比如颜色，背景色等等。我们也可以使用JS来给标签设置样式
语法：
ele.style.styleName=styleValue
功能：
设置ele元素的CSS样式
说明：
1.ele为要设置样式的DOM对象
2.styleName为要设置的样式名称
3.styleValue为要设置的样式值
元素1
后端
前端
测试
- java
- python
innerHTML
语法：
ele.innerHTML
功能：
返回ele元素开始和结束标签之间的内容（文本或html标签都可以）
元素1
后端
前端
测试
- java
- python
结果：
后端
前端
测试
语法：
ele.innerHTML=‘html’
功能：
设置ele元素开始和结束标签之间的内容
元素1
后端
前端
测试
- java
- python
JavaScript -- DOM
标签：技术 增加 语法 css javascrip == meta 使用 att
原文地址：https://www.cnblogs.com/zouzou-busy/p/11073281.html