JavaScript 自定義屬性

獲取自定義屬性值的方法:

element.getAttribute('自定義屬性');

設置自定義屬性:

element.setAttribute('自定義屬性','屬性的值');

<body>
	<div id="demo" data-index="1"></div>
</body>

<script>
	var div = document.querySelector('div');
	console.log(div.id);
	//獲取自定義屬性的值
	console.log(div.getAttribute('id'));
	console.log(div.getAttribute('data-index'));
	div.id = 'test';
	console.log(div.getAttribute('id'));
	div.setAttribute('id','how');
	console.log(div.getAttribute('id'));
	div.setAttribute('data-index','9');
	console.log(div.getAttribute('data-index'));
</script>

H5新增的獲取自定義屬性值的方法:

element.dataset.自定義屬性      或者        element.dataset['自定義屬性']

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章