javascript - 从另一个页面加载 div 后更改元素

Question

我曾经$("#header").load("index.html #header");从 index.html 加载一个 id 为“header”的 div，并在另一个名为 current.html 的页面中使用它来显示相同​​的 div。

在 index.html（原始 div）上的标题 div 中，有一个<a>id 为“about”的元素。现在，复制后，我想更改“关于”<a>标签的类。但是，当我使用 时document.getElementById("about").className="active"，它返回 null 因为这个 div 被复制了。

任何人都可以帮忙吗？

Answer 1

它返回 null 因为这个 div 被复制了

事实并非如此。我相信你只是想在元素存在之前访问它。加载 HTML 后，将回调传递给.load并更改类：

$("#header").load("index.html #header", function() {
    $('#about').addClass('active');
});

另请参阅：为什么 jQuery 或 getElementById 等 DOM 方法找不到元素？.