0

我需要在我的网站上显示潮汐时间，但是在英国以任何体面的形式提供潮汐时间的唯一服务是 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 文件。

4

3 回答 3

1

使用Google Feed API之类的东西来使用他们的RSS 提要( http://www.tidetimes.org.uk/bovisand-pier-tide-times.rss ) 。这将是一个更易于维护的长期解决方案。

于 2012-10-04T22:18:32.743 回答
0

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

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

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

于 2012-10-04T22:06:49.790 回答
0

创建一个简单的 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>
于 2012-10-04T22:21:17.547 回答