1

以防万一，我已经在同一个 HTML 页面中使用与 javascript 相同的 ID 链接到 CSS。会发生什么？

<html>
<head>
    <title>My JavaScript page</title>
    <script type="text/javascript" src="script.js">
    </scrip>
        <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
    <h1 id="show">
        </h1>

万一，id，show，在javascript和css中都声明了。会发生什么？

4

3 回答 3

1

IDs 是 HTML 的概念，用于将文档中的元素标记为唯一。因此，它只能在整个文档中使用一次。如果你遵守这条规则，你会没事的，否则你会惹上麻烦的。

Javascript 和 CSS 是两种完全不同的技术。您可以使用 HTMLID来定位元素并应用 CSS 样式或通过 JS 以某种方式使用它。因此，JS 和 CSS 不会直接相互干扰。

但是，您可以使用 javascript更改ID 或将其移动到另一个元素，导致您的 css 不再将其规则应用到初始元素（或将它们应用到另一个元素）。此外，您可以通过 javascript 应用样式，这可能会干扰 css。

除了这些描述的问题，您可以随意在 CSS 和 JS 中使用 ID。

于 2013-11-15T08:03:53.687 回答
0

如果您打算对两个元素使用相同的 ID。这是一个坏主意，但如果您使用 Javascript 更新已经存在的 ID，则应该没有任何问题。此外，如果您使用具有相同 ID 的两个元素，请为这两个元素创建一个单独的类，并使用 ID 来区分它们

<div class="one" id="diff1">
</div>
<div class="one" id="diff2">
</div>
于 2013-11-15T08:04:11.587 回答
0

通常什么都不会发生，这取决于您的 javascript 函数。要设置字体颜色，对齐使用类而不是通过 css 的 id。对于显示/隐藏某些 div 内容意味着您可以在 javascript 或 jquery 函数中使用 id，即使您可以使用 class 也不是错误。

于 2013-11-15T08:33:43.917 回答