JQuery 에서 html()방법 은 부당 하 게 가 져 온 함정 을 사용 합 니 다.

원본 코드 를 보십시오

 
return this[0] && this[0].nodeType === 1 ? 
this[0].innerHTML.replace(rinlinejQuery, "") : 
null;

표준 이 아 닌 모든 브 라 우 저가 지원 하 는 innerHTML 을 통 해 이 루어 진 다 는 것 을 알 수 있 습 니 다.일부 사용자 들 은 html()방법의 반환 값 을 코드 분기 의 조건 으로 사용 합 니 다.예 를 들 어

 
var str = $('#user').html(); 
if( str=='jack' ){ 
... 
}else if( str=='tom' ){ 
... 
}else if( str=='lily' ){ 
... 
}

대부분 상황 에서 문제 가 없 지만 id=user 의 html 요소 에 빈 칸 이 있 으 면 원 하 는 결 과 를 얻 지 못 합 니 다.예 를 들 어

 
<div id="user"> jack</div> 
<script> 
alert(document.getElementById('user').innerHTML.length); 
</script>

div[id=user]내 텍스트 jack 앞 에 세 개의 빈 칸 이 더 생 겼 습 니 다.이 때 각 브 라 우 저 에서 다 릅 니 다.IE6/78 에서 팝 업 문자열 의 길 이 는 4 입 니 다.즉,빈 칸 을 무시 합 니 다.IE9/Firefox/safari/chrome/Opera 에서 팝 업 은 7,즉 빈 칸 을 무시 하지 않 았 습 니 다.이 때.html()의 반환 값 을 코드 분기 로 하 는 조건 은 비 IE 브 라 우 저 에서 오류 가 발생 할 수 있 습 니 다.만약 에 요소 의 html 내용 을 판단 조건 으로 사용 하지 않 으 면 해결 방법 은 간단 합 니 다.html 를 쓸 때 빈 칸 2 를 제거 하고 html()방법 을 호출 한 후에 trim 을 호출 합 니 다.예 를 들 어 var str=$('\#user').html().trim();
관련:
http://www.w3.org/TR/2008/WD-html5-20080610/dom.html#innerhtml0 IE6/7/8 에서 innerHTML 반환 값 만 영어 빈 칸 문 제 를 무시 합 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Django의 질문 및 답변 웹사이트

환영 친구, 이것은 우리의 새로운 블로그입니다. 이 블로그에서는 , 과 같은 Question-n-Answer 웹사이트를 만들고 있습니다. 이 웹사이트는 회원가입 및 로그인이 가능합니다. 로그인 후 사용자는 사용자의 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다