изменить атрибут html с javascript

Question

У меня есть следующий код.

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

я делаю что-то не так?

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').data-original-title = 'Online'; 

Answer 5

Попробуйте следующее:

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>