wiki:javascript:javascript_note:getattribute_method
목차
Javascript HTML DOM getAttribute() Method
- description : Javascript HTML DOM textContent Property
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-06-08
The source of the article
Example
<h1> 요소의 클래스 속성 값을 가져옵니다.
<body> <h1 class="democlass">Hello World</h1> <p>Click the button to display the value of the class attribute of the h1 element.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <!-- democlass --> <script> function myFunction() { var x = document.getElementsByTagName('h1')[0].getAttribute('class'); document.getElementById('demo').innerHTML = x; } </script> </body>
Definition and Usage
getAttribute() 메서드는 요소의 지정된 이름을 가진 속성 값을 반환합니다.
Tip: 속성(attribute)을 Attr 객체로 반환하려면, getAttributeNode() 메서드를 사용하십시오.
Syntax
element.getAttribute(attributename)
Parameter Values
| Parameter | Type | Description |
|---|---|---|
| attributename | String | 필수입니다. 값을 구하려는 속성의 이름 |
Technical Details
| Return Value | 문자열이며 특정 속성 값을 표시합니다. |
|---|---|
| Note: 속성이 존재하지 않을 경우, 반환 값은 null 또는 비어있는 문자열(“”) 입니다. |
More Examples
Example
<a> 요소의 타겟(target) 속성 값을 가져옵니다.
<body> Read about the <a href="dom_obj_attributes.asp" id="myAnchor" target="_blank">Attr object</a> <p>Click the button to display the value of the target attribute of the link above.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <!-- _blank --> <script> function myFunction() { var x = document.getElementById('myAnchor').getAttribute('target'); document.getElementById('demo').innerHTML = x; } </script> </body>
Example
<button> 요소의 온클릭 이벤트 속성(onclick event attribute)의 값을 가져옵니다.
<body> <p>Click the button to display the value of the onclick attribute of the button element.</p> <button id="myBtn" onclick="myFunction()">Try it</button> <p id="demo"></p> <!-- myFunction() --> <script> function myFunction() { var x = document.getElementById('myBtn').getAttribute('onclick'); document.getElementById('demo').innerHTML = x; } </script> </body>
/volume1/web/dokuwiki/data/pages/wiki/javascript/javascript_note/getattribute_method.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
