JavaScript/jQuery를 사용하여 모든 HTML 요소 속성을 어떻게 얻을 수 있습니까?

JavaScript/jQuery를 사용하여 HTML 요소에서 모든 속성 가져오기

이 질문의 목표는 지정된 HTML 요소에서 모든 속성을 검색하는 것입니다. 배열에 저장합니다. 요소는 getElementById와 같은 알려진 메소드를 통해 액세스할 수 없습니다.

DOM 속성 사용

DOM 속성을 얻는 가장 간단한 접근 방식은 요소 자체의 속성 노드 목록을 활용하는 것입니다. :

var el = document.getElementById("someId");
for (var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){
    arr.push(atts[i].nodeName);
}

이 접근 방식은 속성만 검색합니다. names.

NodeValue 사용

속성 이름과 값을 모두 얻으려면 nodeValue 속성을 사용합니다.

var nodes=[], values=[];
for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
    att = atts[i];
    nodes.push(att.nodeName);
    values.push(att.nodeValue);
}

위 내용은 JavaScript/jQuery를 사용하여 모든 HTML 요소 속성을 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!