> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트 속성 속성은 무엇을 합니까?

자바스크립트 속성 속성은 무엇을 합니까?

青灯夜游
풀어 주다: 2021-10-25 17:41:53
원래의
2107명이 탐색했습니다.

JavaScript에서 속성 속성은 지정된 요소 노드, 즉 NamedNodeMap 개체의 속성 컬렉션을 얻고 반환할 수 있습니다. 구문은 "element node.attributes"입니다.

자바스크립트 속성 속성은 무엇을 합니까?

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

attributes 속성은 지정된 노드, 즉 NamedNodeMap 개체의 속성 컬렉션을 반환합니다.

팁: 길이 속성을 사용하여 속성 수를 결정한 다음 모든 속성 노드를 반복하고 필요한 정보를 추출할 수 있습니다.

구문: ​​node.attributes

반환 값: 속성 컬렉션을 나타내는 NamedNodeMap 개체.

<!DOCTYPE html>
<html>
<body>

<p>点击按钮来查看 button 元素拥有多少属性。</p>

<button id="myBtn" onclick="myFunction()">试一下</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("myBtn").attributes.length;
    document.getElementById("demo").innerHTML = x;
}
</script>


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

결과는 어떨지 맞춰볼까요? 결과는 2(버튼 요소의 id 및 onclick 속성)여야 합니다. 렌더링을 살펴보세요:

자바스크립트 속성 속성은 무엇을 합니까?

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

위 내용은 자바스크립트 속성 속성은 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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