0

純粋な JavaScript (jQuery なし) で単純な入力スライダーを作成しています。1 つの小さな欠陥を除いて完全に機能します。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=...その理由は、必要なマークアップを追加することに依存しているため です。だから私の質問は次のとおりです。置換、追加、変更、置換...の周りのhtmlテキストをどうすればよい<input>ですか？はinnerHTML機能していないようで、代替手段が見つかりません。

4

1 に答える 1

2

作成<div>、挿入、<div>変更input？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);

今、あなたはsliderあなたの心のコンテンツに変更することができます。ただし、HTMLを投入するのではなく、DOMAPIを確認することをお勧めします。HTMLは乱雑です。

于 2013-01-15T04:45:01.380 に答える