《HTML：自定义标签属性》.doc

自定义HTML标签属性 ?为HTML元素添加一自定义的属性非常方便，只须将其加到尖括号中即可，与内置属性地位相等。 如我们要为TextBox元素添加属性idvalue： ? input type=text id=txtInput name=txtInput value=自定义文本 只须在原来的控件后面加上：idvalue=”…”,成为: input type=text id=txtInput name=txtInput value=自定义文本 idvalue=自定义值 ? idvalue即可正式成为txtInput的属性，地位与其他属性相等。 如以下例子，在IE6中调试通过： ? htmlhead????title自定义属性/title????script language=javascript????????????function showText()????????????{???????????????? alert(document.getElementByIdx(txtInput).value);???????????? }????????????????????????function showValue()????????????{???????????????? alert(document.getElementByIdx(txtInput).idvalue);???????????? }????/script/headbody????input type=text id=txtInput name=txtInput value=自定义文本 idvalue=自定义值????input type=button id=btnShowText name=btnShowText value=显示文本内容 onclick=showText();????input type=button id=btnShowValue name=btnShowValue value=显示文本值 onclick=showValue();/body/html ? ? 但idvalue在Firefox中却不能通过，主要是因为Firefox控制严格，所以这些自定义属性不能认识。经过调试，只能用document.getElementByIdx(txtInput).attributes[idvalue].nodeValue取得，该方法在IE中也可使用。所以，同时适用IE和Firefox的代码为： ? htmlhead????title自定义属性/title????script language=javascript????????????function showText()????????????{???????????????? alert(document.getElementByIdx(txtInput).value);???????????? }????????????????????????function showValue()????????????{???????????????? alert(document.getElementByIdx(txtInput).attributes[idvalue].nodeValue);???????????? }????/script/headbody????input type=text id=txtInput name=txtInput value=自定义文本 idvalue=自定义值????input type=button id=btnShowText name=btnShowText value=显示文本内容 onclick=showText();????input type=button id=btnShowValue name=btnShowValue value=显示文本值 onclick=showValue();/body/html ? 以下转自csdn??? ? ??? 就是给标签写一个它并不存在属性；如div TextLength=20/div在HTML中，div标签并没有TextLength属性，是我自已经加的； 假如，页面中有这样一段HTML代码：div新闻列表???????? ul?????????? li [图]不按规定线路运营阻挠执法人员执法　公交车擅改运营线路被查处 [2007-7-31] /li?????????? li 五金厂已搬迁 眼镜厂仍扰民 [2007-7-31] /li?????????? li [图]“2007香港购物节”正在举行——市民赴港