javascript - 使用类名更改 元素的 alt 和标题？

Question

我有一个<i>带有类的元素，我想更改其 alt 和 title 标签。

我的 HTML

<a class="myspace-hover " target="_blank" href="#">
<i class="mk-jupiter-icon-myspace" alt="myspace" title="myspace"></i>
</a>

这就是我尝试过的:

window.onload = function(){
    document.getElementsByClassName("mk-jupiter-icon-myspace")[0] = "test" ;
    document.getElementsByClassName("mk-jupiter-icon-myspace")[1] = "alttest" ;
}

以及:

window.onload = function(){
    document.getElementsByClassName("mk-jupiter-icon-myspace").title = "test" ;
    document.getElementsByClassName("mk-jupiter-icon-myspace").alt = "alttest" ;
}

但显然我误解了文档和我正在阅读的内容。

任何正确方向的指针将不胜感激。

Answer 1

getElementsByClassName返回一个类似数组的 HTML 集合。

HTML 集合的每个成员都是一个具有自己的属性集的元素。

您需要通过索引获取元素，然后设置您关心的属性:

document.getElementsByClassName("mk-jupiter-icon-myspace")[0].title = "test" ;

<小时/>

请注意alt是一个为图像提供文本替换的属性。一段斜体文本(这就是 <i> 的含义)不是图像，不能具有 alt 属性。 Use a validator .

同时您的title看起来它更适合 <a>元素。