javascript - 未捕获的类型错误 : Cannot read property '0' of undefined

Question

这里我有类box-title的div，我有带有相关产品的span，我想将其文本更改为'Choose Extra To make It更特别' 为什么会出现这个错误，请任何人都可以告诉我。

function onloadCall()
{   
    var divs = document.getElementsByClassName('box-title');
    for(var i = 0; i < divs.length; i++)
    {
        var div = divs[i];
        if(!div) break
        var span = div.getElementsByTagName('span')[0];
        if(span[0].innerHTML == 'Related Products') 
            span[0].innerHTML='Choose Extra To make It More Special';
    }
}
window.addEventListener('load', onloadCall, false);

实际上，我的HTML标签是这样的:

<div class="box-title"><strong><span>Related Products<span></strong></div>

Answer 1

更改:

if(span[0].innerHTML == 'Related Products') 
    span[0].innerHTML='Choose Extra To make It More Special';

对于:

if(span.innerHTML == 'Related Products') 
    span.innerHTML='Choose Extra To make It More Special';

它应该可以工作。

此外，您还可以更改以下内容:

var span = div.getElementsByTagName('span')[0];

对于:

var span = div.getElementsByTagName('span');

其他代码保持不变。如果这两种方法都不起作用，请确保 html 文件中存在任何 span 标记。