Question

我需要在我的网站上显示潮汐时间，但是在英国以任何体面的形式提供它们的唯一服务是www.tidetimes.org。

他们提供了一个小部件，它运行一个非常标准的Javascript（托管在他们的网站上），使用document.write在您自己的网站上生成潮汐时间，但我需要更改样式。我怎么做到这一点？

这是实际小部件脚本的链接，我正在尝试为Bovisand Pier设置它：

http://www.tidetimes.org.uk/widgets

和实际的javascript文件： http://www.tidetimes.org.uk/bovisand-pier-tide-times.js

我在本地下载，编辑和托管了该文件，但我认为tidetimes.org每天都会编辑js文件。

Answer 1

将RSS feed（http://www.tidetimes.org.uk/bovisand-pier-tide-times.rss）与Google Feed API之类的内容相提并论。这将是一个更可维护的长期解决方案。

Answer 2

您必须手动循环并清除样式。在jquery：

$('#containerForWidget tr, #containerForWidget td').attr('style', '');

获取容器中的所有tr和td元素，并删除内联样式。

Answer 3

创建一个简单的javascript函数（旧样式但工作正常），如下所示：

 function changeStyle(){
    var divElements = document.getElementsByTagName("div");
    for (var i = 0; i < divElements.length; i++) {
        var divElement = divElements[0];
        //change the style
        divElement.setAttribute("style", "color: red;");
    }
 }

在HTML页面onload事件中调用此函数。

或者，在潮汐javascript文件的链接之后，在页面中或页面中添加此代码（匿名块）..

  <script language="javascript">
    var divElements = document.getElementsByTagName("div");
    for (var i = 0; i < divElements.length; i++) {
        var divElement = divElements[0];
        //change the style
        divElement.setAttribute("style", "color: red;");
    }
  </script>

是否可以在www.tidetimes.org上为其他地方托管的javascript设置样式

3 个答案: