添加自定義屬性到HTML標籤

我添加自定義屬性到我的HTML標籤類似添加自定義屬性到HTML標籤

<li customeId="1">

我在IE瀏覽器，但在Firefox訪問此自定義屬性，我沒能獲得這些屬性的值。有關如何訪問FireFox中的自定義屬性或任何其他方式的任何建議。我正在使用HTML 4進行開發。

代碼訪問：

var test = licollection[index].customeId;

感謝 Ashwani

來源

2010-05-13 Ashwani K

你是如何試圖訪問屬性？添加代碼，以便我們可以看到你在做什麼。 – Oded 2010-05-13 06:13:35

您未使用HTML 4.您正在使用標籤湯。 HTML 4不支持自定義屬性。 – Quentin 2010-05-13 07:46:51

@David，那麼有沒有其他方法可以將某些屬性與HTML 4中的標籤關聯？ – 2010-05-13 08:39:05

希望下面的代碼將有助於你。

<div id="navigation"> 
<ul> 
    <li customerId="1"></li> 
    <li customerId="2"></li> 
    <li customerId="3"></li> 
</ul> 
</div>

var x = document.getElementById('navigation'); 
if (!x) return; 
var liCollections = x.getElementsByTagName('li'); 
for (var i=0;i<liCollections.length;i++) 
    alert(liCollections[i].getAttribute('customerid', 0));

很明顯不夠，你可以很容易地理解它。

來源

2010-05-13 08:00:22 MUS

嘗試

var test = licollection[index].getAttribute("customeId");

來源

2010-05-13 07:45:31 kennytm

test.getAttribute('customerid');

你試試這個？

來源

2010-05-13 07:50:23 vsync

licollection [指數] .getAttribute（「customeId」）

參考：http://www.java2s.com/Code/JavaScriptReference/Javascript-Methods/getAttributeSyntaxParametersandNote.htm

來源

2010-05-13 08:14:45 mangokun

您可以使用HTML 5 custom data attribute功能，可以幫助您

屬性名稱

數據屬性名稱必須至少有一個字符長，並且必須以'data-'作爲前綴。它不應該包含任何大寫字母。

屬性值

該屬性值可以是任意的字符串。

例子： -

<ul id="vegetable-seeds"> 
    <li data-spacing="10cm" data-sowing-time="March to June">Carrots</li> 
    <li data-spacing="30cm" data-sowing-time="February to March">Celery</li> 
    <li data-spacing="3cm" data-sowing-time="March to September">Radishes</li> 
</ul>

來源

2012-05-10 05:33:51 gaurav

這是很棒的信息。只是幾個問題， >如果代碼在舊瀏覽器上運行會發生什麼？（沒有HTML5兼容性） >是否有限制'data-'標籤> – 2017-09-22 18:00:41

添加自定義屬性到HTML標籤

回答

相關問題