IE8 브라우저에서 DOM 요소가 name 속성의 대소문자를 구분하지 못하는 문제를 해결하는 방법

IE8 브라우저에서 dom 요소를 가져오기 위해 name 속성을 사용할 때 대소문자를 구분하지 않습니다.
예:

<input type=&#39;text&#39; name=&#39;C1&#39;/>
<input type=&#39;text&#39; name=&#39;c1&#39;/>

위와 같이 2개의 입력 상자가 있으며 이름 속성은 각각 대문자 C1과 소문자 c1입니다.
요소를 가져올 때 Google Chrome에서 jqury를 사용하여 다음을 가져옵니다.

$("input[name='c1']").length // 1

위 코드가 I8에서 실행되는 경우 획득된 dom 요소는 2입니다.
얻기 위한 js 기본 방법으로 변경:

document.getElementsByName('c1').length document.querySelectorAll("input[name='c1").length

위의 2가지 방법은 모두 IE8에서 2가지입니다. IE8의 name 속성은 대소문자를 구분하지 않는다는 것을 알 수 있습니다.
이러한 문제가 발생하면 DOM 요소를 선택할 때 상위 요소를 추가하여 선택 항목을 구분할 수 있습니다.

<p class=&#39;p1&#39;><input type=&#39;text&#39; name=&#39;C1&#39;/></p>
<p class=&#39;p2&#39;><input type=&#39;text&#39; name=&#39;c1&#39;/></p>
document.querySelectorAll(".p1 input[name=&#39;C1")
document.querySelectorAll(".p2 input[name=&#39;c1")

이는 IE8에서 name 속성의 대소문자를 구분할 수 없는 문제를 해결합니다.

위 내용은 IE8 브라우저에서 DOM 요소가 name 속성의 대소문자를 구분하지 못하는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!