如果我使用 text() 动态更新 tspan,Chrome 不会呈现:
<html>
....
<text id="small-text" style="color: #FFFFFF" fill="white">
<tspan id="small-text-span1" style="font-size:18px;color:#FFFFFF;" ></tspan>
<tspan id="small-text-span2" style="font-size:18px;color:#FFFFFF;" ></tspan>
<tspan id="small-text-span3" style="font-size:18px;color:#FFFFFF;" ></tspan>
<tspan id="small-text-span4" style="font-size:18px;color:#FFFFFF;" ></tspan>
</tspan>
</text>
</html>
var i=0;
for(var key in data){
d3.select("#small-text-span"+i).text(data[key]);
i = i+1;
}
这在除 chrome 之外的所有浏览器中都可以正常工作。如果我评论这条 javascript 行,一切都可以在 chrome 上正常工作。
你能告诉我为什么它不能在 chrome 上运行吗?除了跨度,我不能使用任何其他标签。