反饋

id

（編程用語）

ID是一種編程用語，在JS腳本中會用到。當JS要修改一個標籤的屬性時，JS會將id名作為該標籤的唯一標識進行操作。

所屬學科: 計算機

英文名: id

ID表示着標籤的身份，會在JS腳本中被用到。當JS要修改一個標籤的屬性時，JS會將id名作為該標籤的唯一標識進行操作。也就是説ID只是頁面元素的標識，供其他元素腳本等引用。假如你的頁面裏出現了兩個ID那JS效果特性較出現邏輯錯誤不知道依據哪個ID來改變其標籤屬性。在CSS裏的ID不一定為JS而設置的，但是同樣ID在頁面裏也只能出現一次，並且是唯一性。雖然可能我們才學DIV+CSS愛好者在一個頁面裏同時調用相同的ID多次但是仍然沒有出現頁面混亂錯誤，但是我們為了W3C及各個標準我們也要遵循ID在一個頁面裏唯一性。以免出現瀏覽器兼容問題。

Div css 頁面中的ID的使用方法：

id 值的名稱必須緊跟在octothorpe（#）後面。

如果沒有元素名稱在#之前，則選擇器匹配包含該ID值的所有元素。^[1]

通常我們在CSS樣式定義的時候以“#”來開頭命名id名稱如：#百度百科{屬性：屬性值；} 這個也有點像class的定義，只是class是以小寫句號“.”開頭命名，而ID是以“#”號開頭定義。那id是怎麼個用法呢？ Css裏的ID用法與class用法一樣，只是把class換成id。如例子：

例子一

#baiduBaikeLiZhi1
{
height:25px;/*高度:25像素*/
width:200px/*寬度:200像素*/
}

調用例子一ID

<div id="baiduBaikeLiZhi1">我是例子一</div>
<script type="text/javascript">
   /*javascript中獲取一個Id*/
   let elementId = document.getElementById("baiduBaikeLiZhi1");
   console.log(elementId);
   let child = document.createElement("canvas");
   /*創建一個屬性並設置Id屬性值*/
   let childId = document.createAttribute("id");
   childId.value = "myCanvas";
   child.setAttributeNode(childId);
   elementId.appendChild(child);
   let idDataArray = new Array();
   idDataArray.push(elementId);
  
</script>

例子二

/*百度百科例子二*/
#baiduBaikeLiZhi2{
resize:both;/*調整:這兩個;*/
overflow:auto/*溢出:自動*/
}

調用例子二ID

<div id="baiduBaikeLiZhi2">
</div>

參考資料

1. CSS #id ．W3Cschool[引用日期2018-03-09]

詞條統計

瀏覽次數：次
編輯次數：6次歷史版本
最近更新： a613927432137 （2024-03-30）