我在纯javascript（没有jQuery）中创建一个简单的输入滑块。除了一个小缺陷外它完美地工作：我需要在html中将其称为
<div id="test0" data-options="A;B;C;D;E" class="myslider"></div>
而不是更自然的
<input type="hidden" class="myslider" data-options="A;B;C;D;E" id="test0">
原因是我依靠document.getElementById(name).innerHTML=...为其添加必要的标记。所以我的问题是：我们可以做些什么来替换，追加，修改，替换<input>周围的... html文本？ innerHTML似乎不起作用，我找不到替代方案。
答案 0 :(得分：2)
创建<div>，插入<div>，更改input的{{1}}？
id现在，您可以将var input = document.getElementById('test0');
var slider = document.createElement('div');
slider.id = input.id;
slider.className = 'myslider';
slider.dataset.options = input.dataset.options;
input.id = null;
input.parentNode.insertBefore(slider, input);
更改为您内心的内容。不过，我建议您查看DOM API，而不是将HTML投入到内容中。 HTML很乱。