用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';