爲什麼我們在html中使用id。我認爲我們可以使用一個類作爲一個id。如果類可以選擇一個或多個元素,那麼沒有任何使用任何id的點。 我的問題很清楚,我只是想知道爲什麼我們使用id?課堂是不夠的目的?爲什麼我們在html中使用id。我認爲我們可以使用一個類作爲ID
回答
我們可以。當然。但是...
<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
你真正想寫的一切只是爲了獲得一個元素?
我不知道jquery或任何其他web語言。我認爲只有使用class的html文檔就足夠了。 – learner
在HTML中,您網頁上的每個元素都可以分配一個唯一ID屬性。這可以是任何你喜歡的文字,但它必須是唯一的(只有一個商品可以有這個標籤)。分配描述元素功能的標籤是一種很好的做法。例如,這是使用<ul>
來標記一個導航菜單可能有id="navigation"
或id="menu"
到目前爲止,您已經添加style
在你的投資組合頁面各種元素,但styles
你已經添加都影響特定類型的元素。 例如,當您將style
添加到同等影響所有div
元素的div
元素時。如果你想風格化一些div元素的一種方式,和其他div
元素不同的方式?
更多 * div and class *
你可以仍然使用'class'而不是'id'在你的示例中 – Turnip
現在點擊更多關於div和class http://www.washington.edu/accesscomputing/webd2/student/unit3/module5/lesson1.html和id提及此鏈接 –
如果您想在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標籤。
只是想知道爲什麼我們使用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這個詞吧?
- 1. 爲什麼使用id的時候我們只能使用NSObject?
- 2. 爲什麼我們使用內部類?
- 3. 爲什麼我們使用WebMvcAutoConfigurationAdapter類
- 4. 爲什麼我們在jQuery中使用「({})」?
- 5. 我們可以使用一個UIViewController類作爲標籤欄的
- 6. 爲什麼我們使用Groovy中
- 7. 爲什麼我們使用表中的ID列如果我們有一個唯一的值
- 8. 在ConstraintLayout中,我們在RelativeLayout中使用'app',我們使用'android'。爲什麼?
- 9. 我們可以在maven中使用文件夾名稱作爲工件ID嗎?
- 10. 爲什麼我們在派生類中使用使用聲明?
- 11. 我們爲什麼可以在VB
- 12. 爲什麼我們使用canvas.save或canvas.restore?
- 13. 我們爲什麼要使用NSOperationQueue?
- 14. 爲什麼我們需要使用ExitWindowsEx
- 15. 爲什麼我們使用ChangeAwareList和ChangeAwareMap
- 16. 爲什麼我們使用AutoCompleteTextView
- 17. 爲什麼我們使用Git Keys
- 18. 爲什麼我們要使用HttpContext.Current?
- 19. 爲什麼我們使用cellIdentifier?
- 20. 爲什麼我們使用Response.ClearHeaders()?
- 21. 爲什麼我們使用SimpleLoadTimeWeaver?
- 22. 爲什麼我們使用tf.name_scope()
- 23. 爲什麼我們使用tq_struct?
- 24. 爲什麼我們使用SWIFT
- 25. 爲什麼我們使用SpreadsheetApp.flush();?
- 26. 爲什麼我們使用jquery.klass?
- 27. 爲什麼我們使用.htaccess文件?
- 28. 爲什麼我們使用end Function?
- 29. 爲什麼我們使用system.out.flush()?
- 30. 爲什麼我們使用常量?
'Id'確保唯一性,這是經常需要的。 –
找出術語** UNIQUE **的含義,這將有助於瞭解'ID' – Praveen
@aksu我認爲只有一個元素也可以按類選擇。 – learner