什么是 html中的 id 属性

html-css020

什么是 html中的 id 属性,第1张

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编辑器。

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可以包含横线(-)、下划线(_)、冒号(:)、点(.),开头必须为半角英文字母。

这个ID可以被JavaScript、样式表、Dynamic HTML等使用。

name 属性与 id 属性的命名空间是通用的,同一个文档里 name 属性和 id 属性不能重复。

<html>

<head>

<title>举例</title>

<style type="text/css">

<!-- #id135 { color:red } -->

</style>

</head>

<body>

<p id="id135">测试用代码</p>

</body>

</html>