使用Javascript按类名更改元素的内容

// HTML结构
/*
<div class="example">原始内容1</div>
<div class="example">原始内容2</div>
<div class="example">原始内容3</div>
*/

// JavaScript代码
function changeContentByClassName(className, newContent) {
    // 获取所有具有指定类名的元素
    var elements = document.getElementsByClassName(className);
    
    // 遍历这些元素并更改它们的内容
    for (var i = 0; i < elements.length; i++) {
        elements[i].innerHTML = newContent;
    }
}

// 调用函数，将所有类名为"example"的元素的内容更改为"新内容"
changeContentByClassName('example', '新内容');

document.addEventListener('DOMContentLoaded', function() {
    changeContentByClassName('example', '新内容');
});

function changeContentByClassNameOptimized(className, newContent) {
    var elements = document.querySelectorAll('.' + className);
    elements.forEach(function(element) {
        element.innerHTML = newContent;
    });
}