用javascript更改html屬性

Question

我有以下代碼。

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

我正在嘗試使用以下代碼更改data-original-title的內容：

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

難道我做錯了什么？

Answer 1

你可以使用.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> 

或.setAttribute

 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> 

Answer 2

data-original-title是一個屬性，因此您需要將其設置為：

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

Answer 3

使用setAttribtute()

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

Answer 4

試試這個：

 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> 

Answer 5

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

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