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 |
div标签,id值为a
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属性有哪些区别”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
文章名称:html中id属性和name属性有哪些区别
本文网址:http://cdiso.cn/article/ijijih.html