html中id属性和name属性有哪些区别

小编给大家分享一下html中id属性和name属性有哪些区别，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
html中的id属性
我们使用id属性可以标识唯一的HTML元素，可以在在URL中用作锚引用（带#符号的URL），或者在css中用作ID选择器来设置该元素的样式。也可以在javascript中，使用getElementById()，通过id属性值来查找元素，在对元素进行操作。例：
1
2
测试文本！测试文本！
测试文本！测试文本！
1
2
3

document.getElementById(“p2″).style.color=”red”;

id属性是普遍兼容的，对任何元素都有效。且id属性的值是区分大小写的，每个id值都应该是唯一的。例：
1
2
3
4

p标签，id值为A

1
2
#a{ color: red;}
#A{ color: pink;}
效果图：
html中的name属性
name属性同样是用来标识HTML元素的，但它不具有是唯一行，它的值可以重复使用，例：单选按钮
1
2
3
4
5
6
7
8

最喜欢水免费云主机域名果？

苹果
桃子
香蕉
梨
其它

效果图：
正如上例所示，name属性经常在表单中使用，用来提交信息；它仅对a, form, iframe, img, map, input, select, textarea等标签元素有效。
name属性可以在在javascript中，使用getElementsByName()来查找元素；但无法在CSS或URL中被引用。例：
1
2
3
4
5
6
7
8
9
10
11
12
13
14

function getElements()
{
var x=document.getElementsByName(“myInput”);
alert(x.length);
}

效果图：
说明：
可以这样说，ID是一个人的身份证号码，而Name是这个人的名字。两者可以同时存在，共享相同的命名空间（两者的值可以相同）。看完了这篇文章，相信你对“html中id属性和name属性有哪些区别”有了一定的了解，如果想了解更多相关知识，欢迎关注百云主机行业资讯频道，感谢各位的阅读！

相关推荐: css中的nav-up属性如何使用

这篇文章主要为免费云主机域名大家展示了“css中的nav-up属性如何使用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中的nav-up属性如何使用”这篇文章吧。　　作用：nav-up属性规定当使用nav-…