php - 仅预替换 H1 图像

Question

如何只替换 H1 背景图片？这是我的 CSS:

h1 a {
margin: 0 auto;
display: block;
background: url('http://mywebsite.com/img/old-logo.png') no-repeat;
}

这是我的 preg_replace 代码:

$document = preg_replace('/background[-image]*:[\s]*url\(\'?([^\'\)]+)\'?\)/', "background: url('http://mywebsite.com/img/new-logo.png')", $document);

但现在它替换了所有背景图像。

如何解决这个问题？

Answer 1

无论您在网页中使用 h1 的什么地方，都使用 id="h1"并像这样声明您的 css；

#h1 a {margin: 0 auto;display: block;background: url('http://mywebsite.com/img/old-logo.png') no-repeat;}

然后调用这段javascript代码来替换h1背景。请#h1 与 h1 不同。

document.getElementById("h1").style.backgroundImage = url("img/new-logo.png");

或

document.getElementById("h1").style.backgroundImage.src = "img/new-logo.png";<br>

好吧，如果没有效果，那么创建另一个 css id 标签调用它

#h2 a {margin: 0 auto;display: block;background: url('http://mywebsite.com/img/new-logo.png') no-repeat;}

然后，使用下面的javascript代码从h1切换到h2；

document.getElementById("h1").id = "h2";