CSS中id和name的区别

最新推荐文章于 2021-06-17 09:06:16 发布

转载最新推荐文章于 2021-06-17 09:06:16 发布 · 1.8k 阅读

文章标签：

#css #id #name

WEB前端专栏收录该内容

28 篇文章

订阅专栏

本文详细解析了HTML DOM中使用getElementById和getElementByName方法的区别与应用，深入探讨了ID与Name作为节点标识符的特性及使用场景，强调了在进行网页编辑时ID的重要性，并提供了构建CSS样式表和进行DOM节点定位的最佳实践。

ID和Name都可以用来标识一个标记，Javascript分别有两个方法getElementById和getElementByName来定位Dom节点。
    区别如下：
   1、我们知道在网页做Post提交时，是以Form（即表单域）为单位进行提交的，一个Form里有若干个表单对象(如<input type="text" name="UserName" value="请输入姓名"/>)，同一个页面里可以为多个Form（Asp.net不同，它只允许有一个，且名字必须为Form1），在表单表提交到服务器端后，可以直接通过Name属性取到表单域的值，却无法通过ID直接取到该表表单对象的值。
   2、同一个Form里不能有多个name属性相同的HTML标记，但如果一个网页中有多个Form，则不同的Form里可以有同个Name属性的标记。而ID是全局的，在一个HTML文档里不能有多个节点使用相同的ID，无论它处在哪个Form里。
   3、在建立CSS样式的时候，可以建立ID样式表（以＃为前缀），使具有该ID的样式直接应用该样式，而无法建立Name样式表。
   4、在进行网页编辑时建议使用ID来标识一个节点，而不是使用Name（除非是为了Post提交的需要），同样使用Javascript进行Dom节点定位时建议使用getElementById方法，因为只有ID能唯一标识一个节点，而同一个网页里可能会有多个Name属性相同的节点，它们分别处在不同的Form里。