HTML DOM getNamedItem() 메서드는 NamedNodeMap 객체로 주어진 이름을 가진 속성 노드를 가져오는 데 사용됩니다. 특정 속성 노드를 얻으려면 속성 속성이 getNamedItem() 메서드를 사용하여 특정 속성을 필터링할 수 있는 목록을 반환하기 때문에 속성 속성에 대해서만 이 메서드를 호출해야 합니다.
구문
다음은 getNamedItem() 메서드의 구문입니다. -
namednodemap.getNamedItem(nodename)
여기서 nodename은 namedNodeMap에 존재하는 노드의 이름을 나타내는 string형의 필수 파라미터 값이다.
예시
getNamedItem() 메서드의 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1>getNamedItem() example</h1>
USERNAME: <input type="text" name="USR">
<br><br>
<button onclick="attrValue()">GET</button>
<p id="Sample"></p>
<script>
function attrValue() {
var usr = document.getElementsByTagName("input")[0];
var val = usr.attributes.getNamedItem("type").value;
document.getElementById("Sample").innerHTML = "The type attribute value for the input field is: "+val;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
GET 버튼 클릭 시 -
위의 예에서 -
먼저 type=”text” 및 name=”USR”인 입력 필드를 만들었습니다.
USERNAME: <input type="text" name="USR">
그런 다음 사용자가 클릭할 때 attrValue() 메서드를 실행할 버튼 GET을 만들었습니다.
<button onclick="attrValue()">GET</button>
attrValue() 메서드는 getElementsByTagName() 메서드를 사용하여 입력 요소를 가져와 변수 usr에 할당합니다. 그런 다음 모든 속성의 컬렉션을 namedNodeMap 객체로 반환하는 속성 속성을 사용합니다. 속성 속성에서 getNamedItem() 메서드를 호출하면 해당 속성 노드만 반환됩니다.
getNamedItem()이 반환한 특정 노드의 value 속성을 사용하여 해당 속성 값을 가져와 변수 val에 할당합니다. 이 값은 innerHTML 속성을 사용하여 id가 "Sample"인 단락에 표시됩니다.