Question

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

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

感谢您的帮助！

Answer 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';
  });
}

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

1 个答案: