Question

为什么我们在html中使用id。我想我们可以使用一个类作为id。如果类可以选择一个或多个元素，那么就没有使用任何id的意义。我的问题很清楚。我只是想知道为什么我们使用id？课程还不足以达到目的吗？

Answer 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

你真的想写这一切只是为了获得一个元素吗？

Answer 2

在HTML中，您网页上的每个元素都可以分配唯一ID属性。这可以是您喜欢的任何文字，但必须是唯一的（只有一个项目可以包含此标签）。分配描述元素功能的标签是一种很好的做法。例如，用于标记导航菜单的<ul>可能有id="navigation"或id="menu"

到目前为止，您已将style添加到投资组合页面中的各种元素，但添加的styles 已影响所有元素特定类型。例如，当您将style添加到div元素并同等地影响所有div元素时。如果您想以某种方式样式化某些div元素，以及以不同方式使用其他div元素，该怎么办？

更多关于 * div and class *

Answer 3

哇哦。这是一个相当广泛的概括。

Have a read这篇文章，内容非常丰富。

这也让我省去了他的观点。

This answer也擅长从Javascript的角度来看。

Answer 4

如果要在JavaScript中选择特定元素，该怎么办？你需要使用

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

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

另外，请检查一下：

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

如果您想在多个页面上使用一个CSS文档，您可能希望页面上的内容不同。使用id标签。

Answer 5

只是想知道为什么我们使用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>

现在我需要获得BLACK SHEEP的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一词吗？

为什么我们在html中使用id。我想我们可以使用一个类作为id

5 个答案: