如何根据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和标签名称获取到了节点并打印了节点内容。

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

一间屋子里有很多人，id 是人名，class 是大家穿的衣服。两个人有相同的名字就会出现混淆，而两个人穿了同样的衣服则没问题

id 是元素名称，可以供 js 或其它脚本程序访问该元素

class 是该元素的 css 类名

id 具有唯一性：id 在一个页面里的唯一性

class 具有普遍性

优先级来看： Style ＞ id ＞ class ＞ 缺省的 HTML 元素

---