为什么javascript设置的样式不能与Ractive.js一起使用？

Question

在this fiddle中，点击该按钮后，以下行也将与其他行一起执行：

document.getElementById("WeatherData").style.visibility = "block";
weatherDataDiv.style.visibility='block';

没有效果。

我搜索了很多，但似乎语法正确。

如何在RactiveJs中取消隐藏div。

由于某些商业原因，不能使用jQuery和Angular等其他框架。

Answer 1

只需改变：

weatherDataDiv.style.visibility='block';

到

weatherDataDiv.style.visibility='visible';

值block不是visibility属性的有效值。有效值为：visible | hidden | collapse | initial | inherit;

查看http://www.w3schools.com/cssref/pr_class_visibility.asp