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 は、まったく異なる 2 つの技術です。HTMLIDを使用して要素をターゲットにし、CSS スタイルを適用したり、JS を介して何らかの方法で操作したりできます。したがって、JS と CSS が直接干渉することはありません。

ただし、JavaScript を使用して ID を変更したり、ID を別の要素に移動したりすると、CSS がそのルールを最初の要素に適用しなくなる (または別の要素に適用する) ことができます。また、css に干渉する可能性のある JavaScript を介してスタイリングを適用することもできます。

これらの問題以外に、CSS と JS の両方で自由に ID を使用できます。

于 2013-11-15T08:03:53.687 に答える
0

通常は何も起こらず、javascript 関数によって異なります。フォントの色を設定するには、css を介して id の代わりにクラスを使用するように配置します。一部の div コンテンツを表示/非表示にする場合、class を使用できるのは間違いではありませんが、javascript または jquery 関数内で id を使用できることを意味します。

于 2013-11-15T08:33:43.917 に答える
0

2 つの要素に同じ ID を使用する場合。これは悪い考えですが、既存の ID を Javascript で更新する場合は問題ありません。また、同じ ID を持つ 2 つの要素を使用している場合は、両方の要素に対して個別のクラスを作成し、それらを区別するために ID を使用します。

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