成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【EASYDOM系列教程】之屬性操作

BigNerdCoding / 3333人閱讀

摘要：對象提供了一些方法實(shí)現(xiàn)元素的屬性操作，這種操作要比對象提供的方法操作屬性節(jié)點(diǎn)要更便捷。值得注意的是如果指定的屬性不存在，則返回或空字符串。如果刪除的屬性不存在的話，不會引發(fā)任何異常。

Element 對象提供了一些方法實(shí)現(xiàn) HTML 元素的屬性操作，這種操作要比 Node 對象提供的方法操作屬性節(jié)點(diǎn)要更便捷。

獲取指定元素的屬性

Element 對象提供了 getAttribute() 方法用于獲取指定元素的屬性值，其語法結(jié)構(gòu)如下:

var attribute = element.getAttribute(attributeName);

在上述語法結(jié)構(gòu)中，調(diào)用 getAttribute() 方法的 element 表示指定的元素，傳遞的參數(shù) attributeName 則表示指定的屬性名，得到的是指定屬性對應(yīng)的值。

值得注意的是: 如果指定的屬性不存在，則返回 ?null?或?""?（空字符串）。

我們可以通過以下示例代碼，學(xué)習(xí) getAttribute() 方法的具體使用:

var btn = document.getElementById("btn");
var className = btn.getAttribute("class");
console.log(className);
設(shè)置指定元素的屬性

Element 對象提供了 setAttribute() 方法用于設(shè)置指定元素的屬性值，其語法結(jié)構(gòu)如下:

element.setAttribute(name, value);

在上述語法結(jié)構(gòu)中，調(diào)用 setAttribute() 方法的 element 表示指定的元素，傳遞的參數(shù) name 表示設(shè)置指定的屬性名，value 表示設(shè)置指定屬性的值。

值得注意的是: 如果該屬性已經(jīng)存在，則更新該值; 否則將添加一個新的屬性用指定的名稱和值。

我們可以通過以下示例代碼，學(xué)習(xí) setAttribute() 方法的具體使用:

var btn = document.getElementById("btn");
var className = btn.getAttribute("class");
className += " animate";
btn.setAttribute("class",className);
刪除指定元素的屬性

Element 對象提供了 removeAttribute() 方法用于刪除指定元素的屬性，其語法結(jié)構(gòu)如下:

element.removeAttribute(attrName);

在上述語法結(jié)構(gòu)中，調(diào)用 removeAttribute() 方法的 element 表示指定的元素，傳遞的參數(shù) attrName 則表示刪除的屬性名。

值得注意的是:



刪除屬性盡量使用 removeAttribute() 方法，而不是調(diào)用 setAttribute() 方法將指定屬性的值設(shè)置為 null。


如果刪除的屬性不存在的話，不會引發(fā)任何異常。

我們可以通過以下示例代碼，學(xué)習(xí) removeAttribute() 方法的具體使用:

var btn = document.getElementById("btn");
btn.removeAttribute("class");
判斷是否含有指定屬性

Element 對象提供了 hasAttribute() 方法用于判斷是否含有指定的屬性，其語法結(jié)構(gòu)如下:

var result = element.hasAttribute(attrName);

在上述語法結(jié)構(gòu)中，調(diào)用 hasAttribute() 方法的 element 表示指定的元素，傳遞的參數(shù) attrName 則表示要判斷的屬性名。

而 result 則是 hasAttribute() 方法的返回值，是一個 Boolean 類型的值。如果結(jié)果為 true，則表示含有指定的屬性；如果結(jié)果為 false，則表示不含有指定的屬性。

我們可以通過以下示例代碼，學(xué)習(xí) hasAttribute() 方法的具體使用:

var btn = document.getElementById("btn");
var result = btn.hasAttribute("class");
console.log(result);
判斷是否含有屬性

Element 對象提供了與 hasAttribute() 方法相似的 hasAttributes() 方法用于判斷是否含有屬性，其語法結(jié)構(gòu)如下:

var result = element.hasAttributes();

在上述語法結(jié)構(gòu)中，調(diào)用 hasAttribute() 方法的 element 表示指定的元素，result 則是 hasAttributes() 方法的返回值，是一個 Boolean 類型的值。

值得注意的是: 該方法在某些瀏覽器中，已被廢棄。

我們可以通過以下示例代碼，學(xué)習(xí) hasAttributes() 方法的具體使用:

var btn = document.getElementById("btn");
var result = btn.hasAttributes();
console.log(result);

本教程免費(fèi)開源，任何人都可以免費(fèi)學(xué)習(xí)、分享，甚至可以進(jìn)行修改。但需要注明作者及來源，并且不能用于商業(yè)。

本教程采用知識共享署名-非商業(yè)性使用-禁止演繹 4.0 國際許可協(xié)議進(jìn)行許可。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87321.html

相關(guān)文章

  • 【EASYDOM系列教程】之 Element 對象

    摘要：而標(biāo)準(zhǔn)規(guī)范中提供了對象，主要是依靠元素樹結(jié)構(gòu)訪問和更新頁面的內(nèi)容。值得注意的是所有的頁面的元素都是對象，而這個對象又是繼承于對象的。我們可以簡單地理解對象是對象的補(bǔ)充。本教程采用知識共享署名非商業(yè)性使用禁止演繹國際許可協(xié)議進(jìn)行許可。 DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Element 對象，該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。 我們都知道 DOM 標(biāo)準(zhǔn)規(guī)范中提供了 Nod...

    jeyhan 評論0 收藏0

  • 【EASYDOM系列教程】之Node介紹

    摘要：對象的作用樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為節(jié)點(diǎn)樹結(jié)構(gòu)。對象的繼承鏈關(guān)系對象是繼承于對象的，是一個用于接收事件的對象。但需要注明作者及來源，并且不能用于商業(yè)。本教程采用知識共享署名非商業(yè)性使用禁止演繹國際許可協(xié)議進(jìn)行許可。 DOM 的標(biāo)準(zhǔn)規(guī)范中提供了 Node 對象，該對象主要提供了用于解析 DOM 節(jié)點(diǎn)樹結(jié)構(gòu)的屬性和方法。 Node 對象的作用 DOM 樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，...

    oliverhuang 評論0 收藏0

  • 【EASYDOM系列教程】之創(chuàng)建頁面元素

    摘要：對象提供了可以創(chuàng)建元素節(jié)點(diǎn)屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的方法，方便更新頁面中的元素。是返回值，表示創(chuàng)建的元素。最后，通過方法創(chuàng)建屬性節(jié)點(diǎn)，并設(shè)置了屬性值為，再將該屬性節(jié)點(diǎn)添加到新創(chuàng)建的元素中。 Document 對象提供了可以創(chuàng)建元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)的方法，方便 DOM 更新 HTML 頁面中的元素。 創(chuàng)建元素節(jié)點(diǎn) Document 對象提供了 createElement() 方法創(chuàng)建元...

    nifhlheimr 評論0 收藏0

  • 【EASYDOM系列教程】之獲取內(nèi)聯(lián)樣式

    摘要：回顧什么是內(nèi)聯(lián)樣式所謂內(nèi)聯(lián)樣式，就是通過頁面元素的屬性為當(dāng)前元素定義樣式。對象提供的屬性和方法可以幫助我們獲取樣式的具體內(nèi)容。遍歷對象由于對象具有屬性，返回該對象的屬性的數(shù)量。方法通過獲取的樣式屬性名，這種方式也可以通過方式進(jìn)行替換。 回顧什么是內(nèi)聯(lián)樣式 所謂內(nèi)聯(lián)樣式，就是通過 HTML 頁面元素的 style 屬性為當(dāng)前元素定義 CSS 樣式。 以下代碼示例，就是通過 style 屬...

    xiaodao 評論0 收藏0

  • 【EASYDOM系列教程】之遍歷元素

    摘要：對象提供了一系列的屬性和方法用來利用元素樹結(jié)構(gòu)中元素的關(guān)系實(shí)現(xiàn)遍歷其中的元素。關(guān)于元素之間的關(guān)系，可以參考元素樹一節(jié)有關(guān)元素之間關(guān)系的內(nèi)容。該屬性獲取一個包含指定元素的所有子元素的集合。值得注意的是如果當(dāng)前元素?zé)o子節(jié)點(diǎn)，則屬性返回。 Element 對象提供了一系列的屬性和方法用來利用 DOM 元素樹結(jié)構(gòu)中元素的關(guān)系實(shí)現(xiàn)遍歷其中的元素。 關(guān)于元素之間的關(guān)系，可以參考《DOM 元素樹》一...

    codeGoogle 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<