js中的attribute属性

最新推荐文章于 2023-05-27 09:04:50 发布

凌行疾风影

最新推荐文章于 2023-05-27 09:04:50 发布

阅读量660

点赞数

本文链接：https://blog.csdn.net/qq_43656995/article/details/102416179

版权

js中的attribute属性

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{margin-top:200px;margin-left:20px;float:left;}
</style>
</head>

<body>
<div>
<input type="radio" name="radios" id="r1" value="1">1
<input type="radio" name="radios" id="r2" value="2">2
<input type="radio" name="radios" id="r3" value="3">3
<input type="radio" name="radios" id="r4" value="4">4
<input type="button" id="btn" value="bt">
</div>
<script type="text/javascript">
var ra1=document.getElementById('r1');
var ra2=document.getElementById('r2');
var ra3=document.getElementById('r3');
var ra4=document.getElementById('r4');
var b=document.getElementById('btn');
b.οnclick=function() {
	var bs=b.attributes['value']; //attributes|获取一个属性作为对象
	alert(bs.name);
	alert(bs.value);
	var ba=b.getAttribute('value');  //getAttribute获取某一个属性的值
	alert(ba);
	var bset=b.setAttribute('age','18'); //setAttribute建立一个属性的值，并捆绑一个值
	var bb=b.getAttribute('age');
	alert(bb);
	var aa=document.createAttribute('add');  //在文档中建立一个add属性，createAttribute：是创造一个属性，不要对象，基于document就行了
	var bc=b.setAttributeNode(aa);    //在b中建立一个属性节点，并把add属性添加到b中，setAttributeNode：建立一个节点
	var bcs=b.setAttribute('add','hsc'); //为add属性设置值 
	var ab=b.getAttribute('add');
	alert(ab);
	var aas=b.getAttributeNode('add'); //getAttributeNode：是获取一个节点作为对象
	var del=b.removeAttributeNode(aas); //removeAttributeNode:是删除某一个节点
	if(b.attributes['add']) {
		alert('你的删除add节点属性失败了');
	}
	else{
		alert('你的删除add节点属性成功了');
	}
	var de=b.removeAttribute('age');  //removeAttribute：是删除属性的。
	if(b.attributes['age']) {
		alert('你删除age属性失败了');
	}
	else {
		alert('你删除age属性成功了');
	}
};
</script>
</body>
</html>