2014-04-01 34 views
-2

爲什麼我們在html中使用id。我認爲我們可以使用一個類作爲一個id。如果類可以選擇一個或多個元素,那麼沒有任何使用任何id的點。 我的問題很清楚,我只是想知道爲什麼我們使用id?課堂是不夠的目的?爲什麼我們在html中使用id。我認爲我們可以使用一個類作爲ID

+1

'Id'確保唯一性,這是經常需要的。 –

+1

找出術語** UNIQUE **的含義,這將有助於瞭解'ID' – Praveen

+0

@aksu我認爲只有一個元素也可以按類選擇。 – learner

回答

1

我們可以。當然。但是...

<h1 id="jump_here">Target</h1> 
> http://example.com/somepage.html#jump_here 

這不適用於類。


document.getElementById('jump_here'); // fully compatible 
document.getElementsByClassName('jump_here')[0]; // IE9+ 
document.querySelector(".jump_here"); // IE8+ 
(function() {for(var a=document.all,l=a.length,i=0,ret=[];i<l;i++) 
     if(a[i].className.match(/\bjump_here\b/))ret.push(a[i]);return ret;})(); 
// fully compatible 

你真正想寫的一切只是爲了獲得一個元素?

+0

我不知道jquery或任何其他web語言。我認爲只有使用class的html文檔就足夠了。 – learner

0

在HTML中,您網頁上的每個元素都可以分配一個唯一ID屬性。這可以是任何你喜歡的文字,但它必須是唯一的(只有一個商品可以有這個標籤)。分配描述元素功能的標籤是一種很好的做法。例如,這是使用<ul>來標記一個導航菜單可能id="navigation"id="menu"

到目前爲止,您已經添加style在你的投資組合頁面各種元素,但styles你已經添加都影響特定類型的元素例如,當您將style添加到同等影響所有div元素的div元素時。如果你想風格化一些div元素的一種方式,和其他div元素不同的方式?

更多 * div and class *

+0

你可以仍然使用'class'而不是'id'在你的示例中 – Turnip

+0

現在點擊更多關於div和class http://www.washington.edu/accesscomputing/webd2/student/unit3/module5/lesson1.html和id提及此鏈接 –

0

哇那裏。這是一個相當廣泛的概括。

Have a read這篇文章,它是相當豐富。

這也節省了我重新說明他的觀點。

This answer也擅長從Javascript的角度來看。

0

如果您想在JavaScript中選擇特定元素,該怎麼辦?如果你想在多個頁面上使用一個CSS文檔

http://css-tricks.com/why-use-classes-or-ids-on-the-html-element/

,你可能想要的東西:你會需要使用

var x=document.getElementById("myHeader"); 

http://www.w3schools.com/jsref/met_doc_getelementbyid.asp

此外,檢查了這一點在頁面上不同。使用ID標籤。

+0

我正在學習html。 – learner

+0

HTML本身,幾乎沒用。當人們給你一個問題的答案時,他們告訴你最終你會知道的事情。 HTML + CSS + JS在樣式和展示網頁方面非常標準。 – Jeff

0

只是想知道爲什麼我們使用ID?課堂是不夠的目的?

其非常簡單,性能關注。在這裏,我已經創建了測試腳本來檢查他們的表現爲下面的代碼中jsperf.com

參見下面的例子

<ul> 
    <li class="sheep">WHITE SHEEP</li> 
    <li class="sheep">WHITE SHEEP</li> 
    <li id="black" class="sheep">BlACK SHEEP</li> 
    <li class="sheep">WHITE SHEEP</li> 
    <li class="sheep">WHITE SHEEP</li> 
</ul> 

現在我需要讓害羣之馬li元素。

如果你去上課,那麼你會寫爲

var list = document.getElementsByClassName("sheep"); 

的就是返回數組類名sheep所有元素的代碼,所以找到BLACK SHEEP你需要通過

循環
for (var i=0; i<list.length; i++) { 
    if (list[i].innerHTML === "BLACK SHEEP") { 
    // Here you will get the black sheep 
    } 
} 

爲了減輕負擔,他們引入了id選擇器。

var black = document.getElementById("black").innerHTML; //so simple right 

知道你明白UNIQUENESS這個詞吧?

相關問題