ホームページビルダーで作られた不明なコード：<link id=" ">

Question

ホームページビルダーで作成されたサイトの編集を行っています。
<meta>で不明の箇所があり、質問したいと思います。

---

<link rel="stylesheet" href="hpbparts.css" id="hpbparts"/>
<link rel="stylesheet" href="container_12Eb_2c_top.css" id="hpbcontainer"/>
<link rel="stylesheet" href="main_12Eb_2c.css" id="hpbmain"/>
<link rel="stylesheet" href="user.css" id="hpbuser"/>

上記はビルダーで作られたソースです。
これの「id=" "」とは何でしょうか？
何を指し示していますか？

---

すみません、<link>にidの記述を始めてみたもので困惑しています。
よろしければ解答のほどをお願いします。

Answer 1

ビルダーを使う側の利便性のために、要所のタグに対して id を割りふってるだけだと思いますよ。
気にしなくても良いでしょう。

<link rel="stylesheet" href="red.css" id="red" />

<span> red color </span>
<script>
window.onload = function() {
   alert("rec to blue color");
   document.getElementById("red").href = "blue.css";
}
</script>

red.css の内容
span { color:red; }

blue.css の内容
span { color: blue; }

これを実行すると、alert 出た時は、赤文字で、ok 押下で、青文字に変化します。

Comments

[makoto-n]

わかりました、放っておきます。
ありがとうございます。

Answer 2

基本的に、id属性はどんな要素につけても問題ありません（あまり意味がなさそうですが、bodyにつけることもできます）。参考

JavaScriptでdocument.getElementById('hpbparts')とすれば、この<link>要素を取得して、それを操作することができます。

Comments

[makoto-n]

javascriptを使用して、このcssを編集するために記載されている（可能性がある）
ということでいいですか？