작성일자 글쓴이 thkmon

[javascript] html 태그 내의 어트리뷰트 값 가져오기 (html get tag attribute) (getAttribute)

[javascript] html 태그 내의 어트리뷰트 값 가져오기 (html get tag attribute) (getAttribute)

html 태그 내의 어트리뷰트 값을 가져오기 위해서는 getAttribute 함수를 쓰면 된다.

id, name 등 예약된 어트리뷰트가 아닌 사용자가 임의로 지어낸 어트리뷰트 명도 가능하다. (예를 들면 myTagName)

html 태그 내의 어트리뷰트 값 가져오기

document.getElementById(“태그아이디”).getAttribute(“값을 가져오고자 하는 어트리뷰트명”);

ex) document.getElementById(“targetDiv”).getAttribute(“myTagName”);

예제 코드

<html>
<head>
<script>
window.onload = function() {
    var value = document.getElementById(“targetDiv”).getAttribute(“myTagName”);
    alert(“myTagName value : ” + value);
}
</script>
</head>
<body>
    <div id=”targetDiv” myTagName=”myTagValue”></div>
</body>
</html>

IE와 크롬 둘 다 동작한다.