특별한 처리가 필요한 DOM 요소 속성에 대한 액세스_DOM

코드 복사 코드는 다음과 같습니다.

var props = {
　'for' : ' htmlFor',
'클래스': 'className',
읽기 전용: 'readOnly',
최대 길이: 'maxLength',
셀 간격: 'cellSpacing',
행 범위: 'rowSpan',
colspan: 'colSpan',
tabindex: 'tabIndex',
usemap: 'useMap',
frameborder: 'frameBorder'
}

다른 방향으로 전환하려면 , use json 형식으로 객체를 생성하는 경우 위의 'for', 'class' 등과 같은 일부 ecmascript 키워드를 제외하고 속성에는 작은따옴표나 큰따옴표를 사용하지 않는 것이 좋습니다.
작은따옴표 대신 작은따옴표가 큰따옴표보다 확실히 더 좋고 사양을 더 잘 준수하지만, 코드에 작은따옴표와 큰따옴표를 표시하지 않는 습관이 여전히 중요합니다.
간단한 예:

코드 복사 코드는 다음과 같습니다.

< label for="username" id="test">name:

🎜 >

elem.propertyName 액세스 메소드를 통해 직접 DOM 요소의 특정 속성 값을 얻으려면 위의 속성 액세스를 간단히 변경해야 합니다.

예를 들어 , 위의 예에서는 label의 for 속성 값을 가져오려고 합니다.

코드 복사 코드는 다음과 같습니다.

var ele = document.getElementById('test ');
var val = ele.htmlFor;
//또는
val = ele['htmlFor']//표준 DOM 방법을 통해 액세스하는 경우 특별한 처리가 필요하지 않습니다
val = ele.getAttribute('for');
val = ele.getAttributeNode('for').value;


클래스, 읽기 전용 등의 액세스에도 마찬가지로 위 유형이 사용됩니다. 액세스 방법도 똑같이 적합합니다.

개인적으로는 DOM 방식을 통해 접근하는 것보다 속성을 통해 직접 접근하는 것이 더 빠를 수도 있다고 생각합니다.
다음 도움말에서는 특수 속성에 대한 액세스를 소개합니다.