使用JavaScript通过名称更改Span标记的值

Question

我正在制作计时器应用程序，但此刻，我将计时器设置为默认值5:00，直到点击上面的图像。单击图像的代码如下：

<a href="#" onClick="Timer1()"><img src="images/Icons/image.png" id="id"></a>

点击后，我希望它调整以下范围代码：

<span id="timer" class="one" name="blue1">5:00</span>

但是，代码有很多部分，而且我的CSS样式，我无法真正省去ID或类变量，所以我想使用JavaScript来定位这个定时器的非共享name，名称=＆＃34; blue1＆＃34;。这是我现在的JavaScript。

function BlueTimer1() {

document.getElementsByName('blue1').innerHTML="blah";

}

显然，一旦我完成了它，它实际上会做，但是现在我只需要能够修改范围内的文本，我不在乎它编辑的内容它来。

感谢您的帮助。

Answer 1

实际上document.getElementsByName('blue1')将返回一个类似跨度对象的集合/数组，即使只有一个，所以你需要选择第一个使用：

document.getElementsByName('blue1')[0].innerHTML="blah";

所以它会起作用，但是如果你使用getElementById('timer')那么你可以用它来做：

document.getElementById('timer').innerHTML="blah";

确保只有一个元素使用一个id，这意味着id必须是唯一的。