亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)

 更新時(shí)間：2013年11月25日 09:08:07   作者：  
這篇文章主要是對(duì)JavaScript/Js腳本處理html元素的自定義屬性解析(親測(cè)兼容Firefox與IE)進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

HTML元素，屬性已經(jīng)十分豐富了。但是，在某些場(chǎng)合下，也會(huì)顯得捉襟見肘，這時(shí)候自定義屬性就發(fā)揮了十分關(guān)鍵的作用。

Html元素的自定義屬性，使用起來，十分方便，例如：

<input type=”button” value=”Click Me, Baby!” />

假設(shè)我們現(xiàn)在需要限制，這個(gè)按鈕，只能點(diǎn)擊2次，然后就失效了。

通常的實(shí)現(xiàn)方式，是可以利用全局變量的形式來記錄點(diǎn)擊次數(shù)，但我們這里用自定義屬性來實(shí)現(xiàn)這個(gè)功能，展示一下自定義屬性的優(yōu)勢(shì)；我們對(duì)上面的button做一下改造：

<input type=”button” value=”Click Me, Baby!” clickCount=”0” />

可以看到，我為這個(gè)button 增加了一個(gè)自定義屬性 clickCount， 并將初始值設(shè)為 0；下面我們來寫實(shí)現(xiàn)功能的js代碼：

1. 給 button 增加click事件的處理

<input type=”button” value=”Click Me, Baby!” clickCount=”0”  onclick=”customAttributeDemo(this);" />

2. 我們來寫 customAttributeDemo(obj) 這個(gè)函數(shù)

對(duì)于IE來講，使用自定義屬性非常簡(jiǎn)單，因?yàn)镮E自動(dòng)將自定義屬性解析到了DOM中，和標(biāo)準(zhǔn)屬性沒有任何區(qū)別，IE下的版本：

復(fù)制代碼 代碼如下:

function customAttributeDemo(obj)
{
    if (obj.clickCount === '0')
    {
        obj.clickCount = '1';
    }
    else
    {
        obj.disabled = true;
    }
}

上面的代碼在 FireFox 下將失效，因?yàn)镕ireFox對(duì)自定義屬性的使用，限制更高，只能使用 attributes[] 集合來訪問，F(xiàn)ireFox 下的代碼：
復(fù)制代碼 代碼如下:

function customAttributeDemo(obj)
{
    if (obj.attributes['clickCount'].nodeValue === '0')
    {
        obj.attributes['clickCount'].nodeValue = '1';
    }
    else
    {
       obj.disabled = true;
    }
}

上面的代碼，也適用于IE，所以，這個(gè)代碼，就是具有兼容性的代碼了。

感謝網(wǎng)友的交流，他給出了 getAttribute 和 setAttribute 的方法：

復(fù)制代碼 代碼如下:

function customAttributeDemo(obj)
{
    if (obj.getAttribute('clickCount') === '0')
        obj.setAttribute('clickCount', '1');
    else
        obj.disabled = true;
}

相關(guān)文章

最新評(píng)論