用javascript更改html屬性

<li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li>

我嘗試使用下面的代碼來改變數據原標題的內容：

document.getElementById('content1').style["data-original-title"] = 'Online';

難道我做錯了什麼？

2015-11-09 Dr. Banana

您可以使用.dataset

document.getElementById('content1').dataset.originalTitle = 'Online';

<li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li>

document.getElementById('content1').setAttribute('data-original-title', 'Online');

<li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li>

2015-11-09 19:18:19

不錯的使用'dataset'！ – ajm

data-original-title是一個屬性，所以你需要將其設置爲這樣：

document.getElementById('content1').setAttribute('data-original-title','Online');

2015-11-09 19:18:26 ajm

使用setAttribtute()

document.getElementById("content1").setAttribute("data-original-title", "Online");

2015-11-09 19:18:38 Kannaj

-1

這似乎不是一個風格，試試這個：

document.getElementById('content1').data-original-title = 'Online';

2015-11-09 19:18:45

我真的懷疑JavaScript會正確解析'-'，而寧願嘗試讀取它們作爲減法。 –

你說得對，最好使用setAttribute（）方法。 –

試試這個：

document.getElementById('content1').dataset.originalTitle = 'Online';

<li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li>

2015-11-09 19:19:56 edonbajrami

回答