자바스크립트 속성 속성은 무엇을 합니까?-프런트엔드 Q&A-php.cn

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

青灯夜游

풀어 주다： 2021-10-25 17:41:53

원래의

1963명이 탐색했습니다.

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 속성)여야 합니다. 렌더링을 살펴보세요:

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