用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

回答