[英]change html attribute with javascript
I have the following code. 我有以下代码。
<li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li>
I'm trying to change the content of data-original-title using the following code: 我正在尝试使用以下代码更改data-original-title的内容:
document.getElementById('content1').style["data-original-title"] = 'Online';
Am I doing something wrong? 难道我做错了什么?
You can use .dataset
你可以使用
.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>
or .setAttribute
或
.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>
data-original-title
是一个属性,因此您需要将其设置为:
document.getElementById('content1').setAttribute('data-original-title','Online');
使用setAttribtute()
document.getElementById("content1").setAttribute("data-original-title", "Online");
试试这个:
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').data-original-title = 'Online';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.