JavaScript 및 클래스 이름을 사용하여 HTML 요소 콘텐츠를 어떻게 바꿀 수 있습니까?-JS 튜토리얼-php.cn

JavaScript 및 클래스 이름을 사용하여 HTML 요소 콘텐츠를 어떻게 바꿀 수 있습니까?

Barbara Streisand

풀어 주다： 2024-12-05 07:24:13

원래의

809명이 탐색했습니다.

How Can I Replace HTML Element Content Using JavaScript and Class Names?

ID 대신 클래스를 사용하여 HTML 요소 내의 콘텐츠를 수정하려면 다음 코드를 활용할 수 있습니다.

이 코드는 다음을 반복합니다. 문서의 모든 요소를 확인하고 해당 클래스 목록에 지정된 matchClass가 포함되어 있는지 확인합니다. 일치하는 항목을 찾으면 해당 요소의 콘텐츠를 제공된 콘텐츠 매개변수로 바꿉니다.

이러한 접근 방식은 브라우저 간 호환성을 보장합니다. 실제 예는 다음과 같습니다.

이 코드는

지정된 텍스트로.

function replaceContentInContainer(matchClass, content) {
    var elems = document.getElementsByTagName('*'), i;
    for (i in elems) {
        if((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ')
                > -1) {
            elems[i].innerHTML = content;
        }
    }
}

로그인 후 복사

위 내용은 JavaScript 및 클래스 이름을 사용하여 HTML 요소 콘텐츠를 어떻게 바꿀 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!