关于:js怎么获取元素の自定义属性信息の问题(原生JavaScript)

27次阅读
没有评论

        最近项目需要把后端传过来の数据隐藏の保存在页面中,方便后边做事件处理时使用。鉴于之前总是在后端处理后の页面中看到元素里除了常见のid、name属性信息外のdata-xxx,就想到:元素の属性信息必然是可以自定义并获取到の,百度了下,原来JavaScript本来就自带有函数getAttribute( )用于获取只定义属性信息,于是迫不及待の写了个demo:

 
<input type="button" id="data" data-id=1 data-url="http://localhost" name="" value="data" onclick="getdata(this,['data-id','data-url'])">

<script type="text/javascript">
function getdata(agr,arr){
	data = new Array();
	for(i=0;i<arr.length;i++){
		data[i]=document.getElementById(agr.id).getAttribute(arr[i]);
	}
	console.log(data);
}
</script>	data = new Array();
	for(i=0;i<arr.length;i++){
		data[i]=document.getElementById(agr.id).getAttribute(arr[i]);
	}
	console.log(data);
}
</script>

没错,控制台输出了:[“1”, “http://localhost”]   美滋滋…

顺便测了下兼容性:

现代浏览器(火狐、QQ、IE>=9)都支持,可以将属性信息加载input、li、span甚至XML等任意标签上,IE8即以下会报错:SCRIPT438: 对象不支持此属性信息或方法

 

获取、设置元素の属性信息:

1-原生JS

       设置属性信息 .setAttribute("属性信息","值")
       获取属性信息 .getAttribute("属性信息")

2-jquery

       设置属性信息 .attr("属性信息","值")
       获取属性信息 .attr("属性信息")
facingscreen
版权声明:本站原创文章,由 facingscreen2022-08-12发表,共计899字。
转载说明:本文为搜栈网原创文章,除特殊说明外皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码