Internet Explorer 6은 사용자 정의 데이터 속성에 대한 액세스를 지원합니까?

Internet Explorer 6의 사용자 정의 데이터 속성

HTML5의 사용자 정의 데이터 속성 쿼리는 널리 지원되는 기능이지만 레거시 브라우저와의 호환성으로 인해 불확실하다. 이 기사에서는 Internet Explorer 6이 JavaScript를 사용하여 "data-geoff"와 같은 데이터 접두사가 붙은 속성에 대한 액세스를 지원하는지 여부를 조사합니다.

문제

HTML5에서 사용자 정의 데이터 속성을 사용하면 개발자가 비표준 키-값 쌍으로 요소를 확장합니다. 예를 들어, 다음 코드는 "data-geoff" 속성이 있는 div 요소를 생성합니다.

<div>

The Question

JavaScript가 "data" 값에 액세스할 수 있습니까? -geoff"를 Internet Explorer 6에서 다음 코드를 사용하여 사용하시겠습니까?

var geoff = document.getElementById('geoff');
alert(geoff.dataGeoff);

대답

일반적인 믿음과는 달리 Internet Explorer 6에서는 사용자 정의 속성 값 검색을 지원합니다. 이렇게 하려면 아래에 설명된 대로 getAttribute() 메서드를 사용하세요.

var geoff = document.getElementById('geoff');
alert(geoff.getAttribute('data-geoff'));

IE6에서 이 코드는 경고 상자에 "geoff de geoff"를 표시합니다.

다음이 중요합니다. 이 동작은 HTML5 속성에만 국한되지 않습니다. IE6은 "data-" 접두사가 붙은 모든 사용자 정의 속성에 대한 액세스를 지원합니다.

위 내용은 Internet Explorer 6은 사용자 정의 데이터 속성에 대한 액세스를 지원합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!