> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 id 속성을 얻는 방법

JavaScript에서 id 속성을 얻는 방법

醉折花枝作酒筹
풀어 주다: 2023-01-06 11:16:59
원래의
24115명이 탐색했습니다.

js에서는 getAttribute 메소드를 사용하여 id 속성을 얻을 수 있으며 구문 형식은 "object.getAttribute(id 이름)"입니다. "getAttribute()" 메소드는 하나의 매개변수(조회할 속성의 이름)만을 가지는 함수로 Element Node 객체를 통해 호출된다.

JavaScript에서 id 속성을 얻는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

getAttribute("id") 함수를 사용하여 요소의 id 값을 가져오세요

요소를 찾은 후 getAttribute() 메서드를 사용하여 다양한 속성의 값을 쿼리할 수 있습니다.

getAttribute() 메소드는 함수입니다. 여기에는 쿼리하려는 속성의 이름인 매개변수가 하나만 있습니다.

그러나 getAttribute() 메서드는 이전에 소개한 다른 메서드와 달리 문서 개체를 통해 호출할 수 없습니다. 요소 노드 객체를 통해서만 호출할 수 있습니다.

예를 들어 getElementsByTagName() 메서드와 결합하여 각

구문: ​​

element.getAttribute(attributename)
로그인 후 복사

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
</head>
<body>

读取 <a href="dom_obj_attributes.php" target="_blank">Attr 对象</a>.
<p id="demo">单击按钮以显示上述链接的目标属性的值</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var a=document.getElementsByTagName("a")[0];
	document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>

</body>
</html>
로그인 후 복사

효과:

JavaScript에서 id 속성을 얻는 방법

확장 정보:

문서는 다음과 같습니다. 노드 트리 .

노드는 요소 노드, 속성 노드, 텍스트 노드 등 다양한 유형으로 나뉩니다.

getElementById() 메서드는 문서의 특정 요소 노드에 해당하는 개체를 반환합니다.

getElementsByTagName() 메서드는 문서의 특정 요소 노드에 해당하는 개체 배열을 반환합니다.

이러한 각 노드는 객체입니다.

【추천 학습: javascript 고급 튜토리얼

위 내용은 JavaScript에서 id 속성을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿