2014-04-01 42 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这个词吧?

相关问题