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>元素。

使用类名更改alt元素和<i>元素的标题？

1 个答案: