自定义HTML标签属性-cjl
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
自定义HTML标签属性
为HTML元素添加一自定义的属性非常方便,只须将其加到尖括号中即可,与内置属性地位相等。
如我们要为TextBox元素添加属性idvalue:
只须在原来的控件后面加上:idvalue=”…”,成为:
idvalue即可正式成为txtInput的属性,地位与其他属性相等。
如以下例子,在IE6中调试通过:
function showText()
{
alert(document.getElementByIdx("txtInput").value);
}
function showValue()
{
alert(document.getElementByIdx("txtInput").idvalue);
}
但idvalue在Firefox中却不能通过,主要是因为Firefox控制严格,所以这些自定义属性不能认识。经过调试,只能用
document.getElementByIdx("txtInput").attributes["idvalue"].nodeValue取得,该方法在IE中也可使用。所以,同时适用IE和Firefox的代码为:
function showText()
{
alert(document.getElementByIdx("txtInput").value);
}
function showValue()
{
alert(document.getElementByIdx("txtInput").attributes["idvalue"].nod eValue);
}
以下转自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中字符截短。函数如下:
function lineShow()
{
var list = document.getElementsByTagName_r("li");
for(var i = 0; i < list.length; i ++ )
{
// 获取自定义参数,为字符长度
var textlength = Number(list[i].parentNode.getAttribute("TextLength"));
list[i].setAttribute("title", list[i].innerHTML);
list[i].innerHTML = subString(list[i].innerHTML, textlength);
}
}
function subString(str, len)
{
len = len == null || isNaN(len) ? 0 : len;