2014-06-16 33 views
3

我在HTML文件中有两个表格行:第一个是空的,另一个是背景图像。我想知道是否有任何方法可以获取该背景图像,并在点击时将其传输到第一行。Dart语言:如何从另一个元素获取图像?

(现在,我在CSS代码中设置背景图片,但我认为我必须将它移动到HTML,以便为它工作,或者也许不是?)

谢谢寻求帮助!

+0

到目前为止,你已经尝试过什么..? –

回答

3

的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'; 
    }); 
} 
相关问题