Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有ID的HTML类_Javascript_Html_Css_Ajax - Fatal编程技术网

Javascript 带有ID的HTML类

Javascript 带有ID的HTML类,javascript,html,css,ajax,Javascript,Html,Css,Ajax,我对HTML类和ID有点困惑,因为我想用它们来描述HTML元素。大多数浏览器都支持这一点吗 我使用两者的动机是: 我有一个CSS样式,我想应用到多个元素 我有一些AJAX和Javascript可以操作这些相同的元素,所以我需要一种方法来使用ID标识哪个元素是哪个元素 因此,我想使用一个id来标识JS操作的每个元素,同时我想指定一个类,以便从相同的css应用相同的样式 一个ID只能用于一个项目,其中一个类可以用于将多个项目组合在一起。如您所述,您可以将它们一起使用,ID作为Javascript的唯

我对HTML类和ID有点困惑,因为我想用它们来描述HTML元素。大多数浏览器都支持这一点吗

我使用两者的动机是:

  • 我有一个CSS样式,我想应用到多个元素
  • 我有一些AJAX和Javascript可以操作这些相同的元素,所以我需要一种方法来使用ID标识哪个元素是哪个元素
  • 因此,我想使用一个id来标识JS操作的每个元素,同时我想指定一个类,以便从相同的css应用相同的样式

  • 一个ID只能用于一个项目,其中一个类可以用于将多个项目组合在一起。如您所述,您可以将它们一起使用,ID作为Javascript的唯一标识符,并使用CSS标记类

    搜索以获取有关此主题的许多文章

    例如:

    <ul>
        <li class="odd" id="item1">First Item in the List</li>
        <li class="even" id="item2">Second Item in the List</li>
        <li class="odd" id="item3">Third Item in the List</li>
    </ul>
    
      列表中的第一项 列表中的第二项 列表中的第三项

    是,任何普通浏览器都应该允许设置CSS类,而不管元素id如何。但是,在特定元素上设置样式(例如使用id)可能会覆盖通过CSS类设置的样式。

    是,它在所有浏览器中都有效。ID通过其他控件表示html控件的唯一标识,并且类对其应用某种样式。当每页只有一次出现时使用ID。当每页出现一个或多个事件时使用类。

    是的,在一个元素中同时使用ID和Class属性是完全有效的。例如:

    <div class="infoBox" id="myUniqueStyle"> *content* </div>
    
    *内容*
    
    尽管如此,请记住一个ID只能使用一次(因此它的名称),而您可以在文档中使用任意次数的类。您仍然可以同时使用ID和类来应用样式,而只有ID是通过javascript到达元素的简单方法

    一个很好的方法是将ID应用于所有您知道是唯一的元素(标题、导航、主容器等),并将类应用于其他所有元素

    是“应用于使用ID的元素:”这是导航栏“,”这是标题“


    “Isa”或“Isa”适用于使用类的元素:“This Is blogPost”、“This Is infoBox”等。

    如果需要,您完全可以同时使用这两个类

    ID通常用于标识站点的结构部分-您应该只有一个具有特定ID的元素,任何元素只能有一个ID

    类用于设置HTML文件中多个位置可能使用的样式-任何元素都可以设置多个类

    同时使用ID和类的典型HTML文档可能类似于

    <html>
    ...
    <body>
    <div id="header"></div>
    <ul id="nav" class="full-width dark">...</ul>
    <div id="content">
    <div id="important-container" class="class-set-by-javascript another-class-set-by-javascript"></div>
    </div>
    </body>
    </html>
    
    
    ...
    

    关于在CSS声明中组合类和id,只是一个非常模糊的注释,IE6有一个bug,如果您有:

    • 两个或多个具有 元素具有相同的
      id

    • 这些要素有不同的特点
      class
      es

    • 您正在使用
      #idname.classname
      规则

    那么只有样式表中的第一条规则才会生效


    有关详细信息,请参见,因为您的答案是错误的。如下所述,ID用于唯一元素。类用于多个元素。这两个都是用来做时尚的。哦,来吧,伙计!问题是:这是有效的,并且大多数浏览器都支持吗?这是唯一的答案!不管怎么说,你的答案不仅不正确,甚至连一句话都说不通。类和id都用于标识HTML的各个部分。“通过他人识别html控件”是什么意思?答案是正确的,句子也是正确的。安布罗斯:去上一些英语语法课吧。这门课和文体没有什么特别的关系。答案还暗示它们是或应该是互斥的。奇怪的是,每个人都没有使用“选择器”这个词就完成了这一过程。这是因为HTML中没有选择器。我们这里不讨论样式表设置,而是讨论标记:)@John Topley:它应该是“id”:它是“identifier”的缩写,不是首字母缩写或首字母缩略词。