HTML标记在脚本标记内部工作

Question

我试图把它放在一个脚本中（我希望50％来自XML文件）

<div class="progress-bar progress-bar-danger" data-progress-animation="50%" data-appear-animation-delay="20">

我做了这个，它只适用于Firefox。有什么想法吗？

x = xmlDoc.getElementsByTagName("CD");
i = document.getElementById("combobox").selectedIndex;
var z = document.getElementById("combobox1").selectedIndex;
var y = document.getElementById("combobox1").options;
var m = xmlDoc.getElementsByTagName("MFPERS"+y[z].value)[i].childNodes[0].nodeValue;
var str ='<div class="progress-bar progress-bar-danger" data-progress-animation="';
str += m;
str += '%" data-appear-animation-delay="20">';
document.write(str);

Answer 1

假设您在进度条div中添加了一个id，您可以在JavaScript函数中执行以下操作：

var progressBar = document.getElementById('myProgressBar');
progressBar.dataset['progress-animation'] = percent + '%';

顺便说一句，几乎总是使用document.write()是一个坏主意。