var testEle = document.getElementById("test")  
			
			testEle.setAttribute("test","aaa"); // 设置  
			
			testEle.attributes["test"].nodeValue; // 获得  

微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊
关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程





学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353

dom.setAttribute('属性名','属性值')
dom.getAttribute('属性名')
dom.removeAttribute('属性名')

原生js获取css伪类元素并设置属性
需要解决的代码片
解决需求（设置或更改伪类的属性）
获取伪类元素并取值（如果你只是单纯的取值，请看这里）
本博客其他文章推荐

需要解决的代码片
<style type="text/css">
	*{padding: 0;margin: 0;}
	body{
		display: flex;
		width: 100vw;
		height: 100vh;
		background: #636e72;
		justify-content: center;
		align-items: center;
	}

	button{
		width: 100px;
		height: 40px;
	}

	button::after{
		content: '';
		width: 3px;
		height: 3px;
		display: inline-block;
	}

	@keyframes load{
		30%{
			box-shadow: 3px 0 0 currentColor;
		}
		60%{
			box-shadow: 3px 0 0 currentColor,9px 0 0 currentColor;
		}
		90%{
			box-shadow: 3px 0 0 currentColor,9px 0 0 currentColor,15px 0 0 currentColor;
		}
	}
</style>

<button>提交</button>

我们需要在点击提交的时候给button::after加上load动效，这时候该怎么做呢？
解决需求（设置或更改伪类的属性）
<script type="text/javascript">
	function loading() {
		document.styleSheets[0].addRule('button::after','animation-name:load;animation-duration: 3s;animation-iteration-count: infinite;')
	}
</script>

ok，这时候设置的属性就可使用了。
获取伪类元素并取值（如果你只是单纯的取值，请看这里）
<script type="text/javascript">
	var buttonObj = document.querySelector('button')
	var buttonAfterStyle = getComputedStyle(buttonObj,':after')
	//第一种方法
	alert('buttonAfterStyle.getPropertyValue("width") result: ' + buttonAfterStyle.getPropertyValue('width'))
	//第二种方法
	alert('buttonAfterStyle.width result: ' + buttonAfterStyle.width)
</script>




本博客其他文章推荐
模仿一个球落地效果，最终停在地面上（仿真效果，CSS实现）
让一个小球无限的弹弹弹~(CSS实现球无限弹动)
如果有一屏幕的爱心，你愿意送给谁？（简单实现原生js、css随机生成521个心）
maven新手上路–创建webapp项目，引入jstl、el依赖及el不解析的问题解决（详细图文）
springmvc5.1.9在控制器中一个方法可跳视图也可跳方法问题解决

原生JS:

原生js通过对元素对象调用getAttribute(name)来获得属性值

调用setAttribute(name,value)来设置属性值

JQuery框架:

原生框架获取属性有val()/attr()/prop()三个方法.

val()

只用来获取或设置属性value的值.用于获取值时:与attr(value)不用的是val()获得的是实时值而另一个获得的是默认预设值(textbox文本框和hidden文本框中).用于设置值时在括号里传参数即可.
attr()和prop()

两者都可以用于获取和设置任何属性,但是根据官方建议:具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr().

prop()是JQuery1.6新增的方法,用于解决1.6之前使用 attr() 有时候会出现不一致行为的问题.