javascript - 试图让 css 专门用于加载 AJAX 的页面

Question

我正在尝试让 AJAX 加载页面的 CSS 仅在页面内(因此它是独立的，而不是一个大的 css 文件)。它看起来像这样

$("#content").load(pageid+".html #content > *", function etc...

加载到页面中的内容看起来像...

<div id="content">
    <style>
        body{
            background-color:blue;
        }
    </style>
    content here
</div>

编辑:问题是，我怎样才能应用该样式，因为目前还没有。

Answer 1

在 AJAX 请求完成后注入(inject) DOM 的 CSS 声明不会修改正文的背景颜色，因为它不会重新加载页面。如果您想在请求后更改背景颜色而不重新加载页面，您应该使用 JavaScript。像这样:

document.getElementById("elementId").style.backgroundColor = "blue";

希望对您有所帮助。