时间戳

首页 > 解决方案 > 如何更改 html img 元素源女巫飞镖？

html - 如何更改 html img 元素源女巫飞镖？

问题描述

我的 HTML 项目中有这个 img 元素：

<img id="themeToggle" src="./images/moon.svg">

我想将此元素的来源更改为“./images/sun.svg”。

我试过：

void main() {
    var themeToggleButton = querySelector('#themeToggle');
    themeToggleButton?.onClick.listen((event) {
        themeToggleButton.dataset['src'] = './images/sun.svg';
    });
}

因为 .dataset 属性是唯一允许您访问所选元素的属性的属性，但它不起作用。请问有什么建议吗？

标签： htmldartwebdart-webui

解决方案

您应该能够使用.attributes getter来获取属性 Map 并在那里设置值：

themeToggleButton?.attributes['src'] = './images/sun.svg'

注意：.dataset（如文档中指定）仅用于以开头的元素属性data-

推荐阅读