Dart 语言：如何从另一个元素中获取图像？

【问题标题】：Dart Language: how to get an image from another element?Dart 语言：如何从另一个元素中获取图像？
【发布时间】：2014-08-05 20:10:15
【问题描述】：

我在一个 HTML 文件中有两个表格行：第一个是空的，另一个有背景图像。我想知道是否有任何方法可以获取该背景图像并在单击时将其传输到第一行。

（现在我在 CSS 代码中设置背景图像，但我认为我必须将其移动到 HTML 才能使其工作。或者可能不会？）

感谢您的帮助！

【问题讨论】：

到目前为止你尝试了什么..？

标签： css web-applications dart

【解决方案1】：

index.html

<head>
  <style>
    div {
      width: 50px;
      height: 50px;
      border: 1px solid red;
    }
    #id1 {
      background-image: url('action-icons.png');
    }
  </style>
</head>
<body>
  <div id='id1'>xxx</div>
  <div id='id2'>yyy</div>
</body>

index.dart

import 'dart:html';

main () {
  querySelector('#id2').onClick.listen((e) {
    var div1 = querySelector('#id1');
    var div2 = querySelector('#id2');
    div2.style.backgroundImage = div1.getComputedStyle().backgroundImage;
    div1.style.backgroundImage = 'none';
  });
}

【讨论】：