自定义HTML标签属性-cjl

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

自定义HTML标签属性

为HTML元素添加一自定义的属性非常方便,只须将其加到尖括号中即可,与内置属性地位相等。

如我们要为TextBox元素添加属性idvalue:

只须在原来的控件后面加上:idvalue=”…”,成为:

idvalue即可正式成为txtInput的属性,地位与其他属性相等。

如以下例子,在IE6中调试通过:

自定义属性

但idvalue在Firefox中却不能通过,主要是因为Firefox控制严格,所以这些自定义属性不能认识。经过调试,只能用

document.getElementByIdx("txtInput").attributes["idvalue"].nodeValue取得,该方法在IE中也可使用。所以,同时适用IE和Firefox的代码为:

自定义属性

以下转自csdn

就是给标签写一个它并不存在属性;如

在HTML中,div标签并没有TextLength属性,是我自已经加的;

假如,页面中有这样一段HTML代码:

新闻列表

  • [图]不按规定线路运营阻挠执法人员执法公交车擅改运营线路被查处

    [2007-7-31]

  • 五金厂已搬迁眼镜厂仍扰民[2007-7-31]
  • [图]“2007香港购物节”正在举行——市民赴港疯狂“血拼” [2007-7-27]
  • [图]花园后面的山脚边,存在大量的乱搭建,街道执法队展... [2007-7-27]

我要截取这些字符,当然很容易;用getElementsByTabName取出li标签列表,用个for循环逐一处理一个就可以了;

但是,字符截多长呢,自然要设变量,这个变量设在哪呢,如果写在javascript中,这个变量离HTML代码太远了(一个在头部head,一个在body),开发人员不方便操作,因为在页面中,它能会有很多这样的新闻列表或其它列表;于是我想到了给li的父级标签ul,加自定义属性,当然,如果是ol也是可以的,只要是li的父级就行;如:

新闻列表

  • [图]不按规定线路运营阻挠执法人员执法公交车擅改运营线路被查处

    [2007-7-31]

  • 五金厂已搬迁眼镜厂仍扰民[2007-7-31]
  • [图]“2007香港购物节”正在举行——市民赴港疯狂“血拼” [2007-7-27]
  • [图]花园后面的山脚边,存在大量的乱搭建,街道执法队展... [2007-7-27]

与前面相比,ul多了TextLength属性,就是我要截取的字符串长度值;然后,我写了一个函数,来读取这个属性,并将该区域的li中字符截短。函数如下: