javascript - 使用 getElementsByTagName ('*' )/Wildcard 查找 ID 的一部分

Question

我仍在尝试使用 JavaScript，但遇到了问题:

我有一个简单的 html 网站用于练习，在这个网站中有一个 <p id="main_paragraph_two">... und Viel Erfolg!</p> 还有:<p id="sub_paragraph_two">... und Viel Erfolg!</p>

任务是:将文本 ...und Viel Erfolg 更改为 ...und vielen Dank!

我的同事告诉我使用 getElementsByTagName 而不是使用通配符 ('*')。

现在我的问题是:如何将两个 p 标签更改为上面显示的文本？*请注意!只有JavaScript!也不使用 querySelectorAll (我知道它是这样工作的^^)。

这是我迄今为止所做的 JS:

function textchange()
        {
            var change = document.getElementsByTagName('*');
            for (var i = 0; i < change.length; i++)
            {
                if (document.getgetElementsByName('paragraph_two'))
                {
                    change[i].innerHTML = '...und Vielen Dank!';
                }
            }
        }

谢谢!

Answer 1

使用getElementsByTagName相对较慢。为什么不将段落的 ID 添加到数组中，循环遍历数组，然后更新内容。

例如:

function textChange( elems, replace )
{
    for( var i = 0; i < elems.length; i++ )
    {
        document.getElementById( elems[i] ).innerHTML = replace;
    }
}

现在，您可以按如下方式调用该函数，其中 elems 是 ID 数组，replace 是用于替换的字符串:

textChange( ['main_paragraph_two', 'sub_paragraph_two'], '...und Vielen Dank!' );

jsFiddle Demo