Question

我不知道该怎么做。我尝试了很多东西，但似乎没什么用。我敢打赌这是我做的一个简单的愚蠢错误，但会看到。

我正在创建这个路径（trA - 工作得很好），我需要的是，在点击span #clean后删除路径trA，或者在第二次点击span #tA后删除它。我不介意它会是哪一个，但我只需要在点击后删除路径。第二个版本当然会更好。

HTML：

<span class="trasa red" id="tA">TRASA A</span>
<span class="trasa" id="clean">CLEAN</span>

的.js

document.getElementById('tA').addEventListener('click', function() {
   var trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255");
   trA.attr({'stroke': 'red', 'stroke-width': '2'});
}, false);


document.getElementById('clean').addEventListener('click', function() {
   trA.remove();
}, false);

THX提供任何帮助！

Answer 1

您的trA变量不在第二个函数的范围内，因为它是在第一个处理程序的函数范围中定义的。

试试这个..

var trA;
document.getElementById('tA').addEventListener('click', function() {
   trA = rsr.path("M 34,33 L55,43 L222,78 L214,152 L144,150 L152,156 L205,255");
   trA.attr({'stroke': 'red', 'stroke-width': '2'});
}, false);


document.getElementById('clean').addEventListener('click', function() {
   trA.remove();
}, false);

.js - raphael点击删除路径

1 个答案: