HTML标记在脚本标记中工作

HTML tags work inside script tag

本文关键字:工作 HTML 脚本      更新时间:2023-09-26

我正试图将其放入脚本中(我希望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);

假设您在progressbardiv中添加一个id,则可以在JavaScript函数中执行以下操作:

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

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