[HTML & CSS] <a> 태그 안에 value값 설정하는 초 간단 방법 !!

 

[HTML & CSS] <a> 태그 안에 value값 설정하는 초 간단 방법 !!

 

<a> 태그 속성에는 value 속성이 없기 때문에 줄 수가 없었습니다.

하지만 html5에서 custom data를 활용하여 value를 줄 수 있는 방법이 생겼습니다 !!

<a> 태그에 data-value 속성을 주시고 js를 확인하시면 value값을 확인 하실 수 있습니다 :)

 

 

HTML

<a id="test" href="#" data-value="testData">클릭!</a>

 

JavaScript

// javascript
let data = document.getElementById("test").getAttribute('data-value');
console.log(data);

// 결과값
'testData'