Question

我目前正在尝试创建“页面修改器”。简单地说，这是一个包含object元素的网页，其中data属性设置为所需的页面。

我遇到的问题是修改此对象中的元素。我的页面上有3 div个元素（topArea，MainBodyArea，ControlHostArea） - MainBodyArea包含ID为{{1}的对象}（用于显示所需页面的元素）。

我有一个ID为LoadedPage的按钮（输入类型按钮，而不是<button>）。我尝试过这样的事情;

ApplyStyle

由于某些原因并不明显，这并没有改变$("#ApplyStyle").click(function(){ $("#LoadedPage").find("*").css("border", "2px solid red"); });中的元素 - 没有指示元素样式属性完全改变。

我在自己的网站（http://www.innuendo-eu.co.uk）上尝试了以下代码;

#LoadedPage

出现的警报只是“未定义”（$("#ApplyStyle").click(function(){ alert($("#LoadedPage").find("#menu-nav").css("border")); });没有在该元素上定义，但我也尝试使用'margin'来定义但是警报返回相同的'undefined'）。我想我正在尝试错误地与页面元素进行交互。

我应该澄清，当用户点击其他按钮时，我会动态添加'LoadedPage';

border

如果我在创建之前调用带有$("#LoadPage").click(function(){ $("#MainBodyArea").html('<object id="LoadedPage" style="height:100%; width:100%;" data="' + $("#txtDestPage").val() + '">'); }); width属性的警报，它将返回undefined，但在创建它之后单击它将返回定义的值。

我想要做的是找出我在元素交互方面出错的地方以及我如何将LoadedPage中每个元素的边界更改为“2px solid red”。 / p>

Answer 1

你关闭了多引号错误;尝试

$("#ApplyStyle").click(function(){
  $("#LoadedPage").find("*").css("border", "2px solid red");
});

修改每个元素的CSS属性

1 个答案: