很多站长朋友们都不太清楚html的id属性怎么用，今天小编就来给大家整理html的id属性怎么用，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML，CSS里面关于 id，class，name 属性的区别和用法 2、 html标签的id属性是什么？有什么用？ 3、 什么是 html中的 id 属性 4、 html中id,div,span是啥意思,它们是怎么用的？ 5、 如何根据HTML标签的id属性和标签名称来获取节点 HTML，CSS里面关于 id，class，name 属性的区别和用法1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。
用法：若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。
2、class：根据用户定义的标准对一个或多个元素进行标记和定义，一个标签可以有多个class，例如class="myclass1 myclass2",当前标签就有两个class，分别为myclass1和myclass2。
用法：若一个标签有一个class="myclass",那么获取这个标签可以使用$(".myclass"),同时使用”.myclass{}“来定义CSS样式。
3、name：从名字可以知道这是用于定义一个标签的名字的属性，name可用于数据获取，常用于表单数据的获取。
用法：若一个输入框的name="myname" ，常用request.getparameter("myname")来获取当前输入框的值。
html标签的id属性是什么？有什么用？id
在HTML中的作用是给一个单元(元素,标签)一个独一无二的标识或标记,让流览器在分析处理网页时找到id所在的地方.常用于:
(1)
元素的风格(style
sheet)选择
(2)
揿<A..>的链接,可以跳到这个id
所在的地方.
(3)
脚本语言用它作为表记
,找到id
所在的单元.
(4)
用作声明OBJECT的单元的标识
如果你想区别不同的<input>,当然可以给它们加id.例如:
<INPUT
id="s1"
type="radio"
name="sex"
value="Male">
Male<BR>
<INPUT
id="s2"
type="radio"
name="sex"
value="Female">
Female<BR>
什么是 html中的 id 属性ID 是唯一表示 ，整个页面唯一的，不允许重复
NAME 也就是名字，可以重复，整个页面任意个
例如：
document.getElementByIdx("xxx") 取出来是唯一的
document.getElementsByName("xxx") 取出来是个数组
下列有name属性
A, APPLET, attribute, BUTTON, EMBED, FORM, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, LINK, MAP, OBJECT, RT, RUBY, SELECT, TEXTAREA
下面的有ID,
STYLE, A, ACRONYM, ADDRESS, APPLET, AREA, B, BASE, BASEFONT, BDO, BGSOUND, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, COMMENT, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HEAD, hn, HR, HTML, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=hidden, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, ISINDEX, KBD, LABEL, LEGEND, LI, LINK, LISTING, MAP, MARQUEE, MENU, nextID, NOBR, NOFRAMES, NOSCRIPT, OBJECT, OL, OPTION, P, PLAINTEXT, PRE, Q, RT, RUBY, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, styleSheet, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL, VAR, WBR, XML, XMP
html中id,div,span是啥意思,它们是怎么用的？div和span是html的标签，id是标签属性
div是用来为HTML文档内大块（block-level）的内容提供结构和背景的块级元素，可以把文档分割为独立的、不同的部分
用法举例：<div>这是div1</div><div>这是div2</div>
span是 内联元素，用作文本的容器，一般被用来组合文档中的行内元素
用法举例：<p>这个<span style="color:red">文字</span>需要用特殊颜色表示</p>
id作用是给元素独一无二的标识或标记,让流览器在分析处理网页时找到id所在的地方，通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式
用法举例：<div id="email"></div> <span id="password"></span>
如何根据HTML标签的id属性和标签名称来获取节点需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：
var a = '通过id获取：' + $('#test').html();
var b = '通过标签名获取：' + $('div').html();
$('body').append('<br/>' + a);
$('body').append('<br/>' + b);
3、浏览器运行index.html页面，此时成功通过id和标签名称获取到了节点并打印了节点内容。
关于html的id属性怎么用的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html的id属性怎么用 html id作用的详细内容...