javascript - 用星号替换数字 javascript/jquery？

Question

如何使用 javascript/jquery 替换 span 元素中的文本或数字？这是我尝试过的，但控制台显示“无法调用未定义的‘替换’方法”，不明白问题是什么，有人能指出我正确的方向吗？

    function changeNumber()
{
    var element = document.getElementsByClassName("grade").innerHTML; 
    var x = element.replace('1','*');
    document.getElementsByClassName("grade").innerHTML=x;
}

如果我在 javascript 中动态创建的 span 元素很重要......

Answer 1

document.getElementsByClassName("grade") 返回 NodeList ，它不像getElementbyId，你需要循环它。

如果你只有一个

function changeNumber()
{
    var element= document.getElementsByClassName("grade")[0];
    var text = element.innerHTML; 
    var x = text.replace('1','*');
    element.innerHTML=x;
} 

如果你有一套

function changeNumber()
{
    var elements= document.getElementsByClassName("grade");
    for (var i=0; i<elements.length; i++) {
        var element = elements[i];
        var text = element.innerHTML; 
        var x = text.replace('1','*');
        element.innerHTML=x;
    }
}