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

집

웹 프론트엔드

JS 튜토리얼

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

Dec 05, 2024 am 07:24 AM

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

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

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

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

이 코드는 <div> 지정된 텍스트로.

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

로그인 후 복사

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

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.