Javascript는 div의 내용을 가져옵니다.

원칙: innerText 또는 innerHTML 사용

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

test

innerText와 innerHTML은 DOM이 아닌 표준 메서드입니다.
차이점은 그림과 같습니다. :
(사진 속 innerText 여야 합니다)


IE에서는 innerText, inner HTML 메소드 모두 정상적으로 실행됩니다.

단, FF에서는 innerText가 불가능합니다. 하지만 대체 방법이 하나 있습니다: textContent

IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString;

Ajax 실행 작성자 중 한 명인 Eric은 정규식을 사용하여 호환 가능한 방법을 구현했는데, 이는 매우 흥미로웠습니다
도움이 되기를 바랍니다
웃음
어느 날 한 비서가 점심 시간에 떠나고 있습니다. 그리고 그녀는 자신의 상사가 아무 것도 모르는 표정으로 분쇄기 앞에 서 있는 것을 발견했습니다. 비서가 그에게 다가와서 도움이 필요한지 묻습니다.
그는 안도한 표정으로 말했습니다. 중요합니다."
도움이 되어 다행인 그녀는 분쇄기를 켜고 종이를 넣습니다. 그런 다음 그녀의 상사는 "고마워요. 사본 한 장만 필요합니다."라고 말합니다.
innerText와 같은 함수 만들기
생각한 대로 out innerText는 IE 전용입니다. 이는 Mozilla, Firefox 및 Netscape와 같은 브라우저가 정의되지 않음을 반환한다는 것을 의미합니다. innerText의 기능을 모르는 경우 텍스트만 볼 수 있도록 모든 태그를 제거합니다.
예를 들어 다음과 같습니다. div에 HTML < ;span id='span1'>Eric이 포함되어 있으면 innerHTML은 Eric을 반환하고 innerText는 이제 Eric을 반환합니다. innerHTML이 동일하게 작동하도록 하려면 문자열 교체() 메서드와 함께 일부 정규식을 사용해야 합니다.
이제 일치해야 하는 기본 패턴은 or 또는 or입니다.
이제 사용해야 하는 정규식은 /<입니다. ;/?[^> ] >/gi
정규식을 모르는 경우 간단한 설명은 다음과 같습니다.
/ - 정규식 시작
< - 미만 기호 일치
/ - 문자를 이스케이프하여 일치시킬 수 있습니다. (이 없으면 정규 표현식의 끝이라고 말할 수 있습니다.)
? - / 문자를 0번 또는 1번 일치시킵니다.
[^>] - 임의의 문자와 일치하지만 보다 큼 기호
- [^>]를 한 번 이상 일치
> - 보다 큼 기호
/ - 정규식 종료
gi - 정규식에 다음을 지시합니다. 전역 일치 및 대소문자 무시
이제 텍스트를 바꾸는 함수는 다음과 같습니다.

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

do는 문자열을 전달하고 태그가 제거된 문자열을 반환합니다.
태그 없이 div에서 텍스트를 가져오는 예가 아래에 나와 있습니다.

테스트 테스트<div id="test">테스트 <span id="span1">와우<u>!<b> </b> </u> <a href="#"> </a> </span> </div> [Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]