如何使用JavaScript更改CSS中的href=""？

Question

如何使用JavaScript更改CSS中的href=""？

11

我想使用 JavaScript 更改 CSS 的 href。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org  /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> New Document </title>
    <link rel="stylesheet" href="u1.css" type="text/css" />
</head>

我需要修复上面的代码。

<link rel="stylesheet" href="u1.css" type="text/css" />

变成

<link rel="stylesheet" href="u2.css" type="text/css" />

我可以更改标签中的CSS链接吗？这是可能的吗？

- user2738656

2个回答

2

您可以给元素添加ID属性，并将href属性替换为javascript。

var link = document.getElementById('yourid');
link.setAttribute('href', 'newhref');

参考：如何通过jQuery更改CSS链接的href属性

- Iqbal Fauzi

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sampson · Accepted Answer

像查询其他元素一样使用document.querySelector或document.querySelectorAll来查询它。

document.querySelector("link[href='u1.css']").href = "u2.css";

或者，您也可以通过document.styleSheets访问它。

例如：

// Change [href] on first stylesheet to u2.css
document.styleSheets[0].href = "u2.css";