prototype - 使用prototype修改iweb生成的导航菜单

Question

我有一个由 iWeb 中的客户端生成的“网站”。他想继续使用 iwebs 并简单地上传生成的网站，但是我注意到菜单的 CSS 存在一些不一致，而且他需要菜单中的一个元素来链接到外部 URL。两者似乎都无法在 iWeb 应用程序/编辑器中修复。

据我所知，iWeb 使用原型绘制菜单 - 所以它不是静态 HTML。但是我应该能够使用 protoype 导航生成的 HTML（这是 iweb 使用的，所以我应该也可以使用它吗？）来编辑

菜单中的项目并更改单个的内容

这样它就可以有一个外部链接的tge。

这种方式来“修复”他的坐姿我只需要在他上传后包含一个脚本文件吗？

所以给定

<ul class="navbar-list" id="widget0-navbar-list">
<li class="current-page"><a>Welcome </a></li>
<li class="noncurrent-page"><a>Why? </a></li>
<li class="noncurrent-page"><a>Uses </a></li>
<li class="noncurrent-page"><a>Products </a></li>
</ul>

如何设置每个 LI 项的填充并更改“产品”LI 的内容以链接到其他地方。

尝试了几件事，但似乎都无济于事。

$("ul#widget0-navbar-list li").each(function(elm){
    elm.setStyle({"background-color": "#FFFFFF"});
});

Answer 1

使用 Javascript，带有破折号的 CSS 属性必须以驼峰形式编写。因此，对于背景，请尝试使用“backgroundColor”而不是“background-color”，它应该可以工作并且不要使用引号：

$("ul#widget0-navbar-list li").each(function(elm){ 
    elm.setStyle({
        backgroundColor: "#FFFFFF"
    }); 
});