javascript - JavaScriptを使用してdivの位置「x」にテキストを挿入します

Question

その場で変更しようと<div>しています。（開始）位置とテキストがあります。この位置にテキストを挿入する必要があります。

date = {
    position: 5,
    text: 'nice'
}

<div class="something">I like cookies</div>

substring() または substr() なしでどのように行うか考えていますか?

Answer 1

を使用してはslice()どうですか？

date = {
    position: 7,
    text: 'nice '
}

var elem = document.getElementsByClassName('something')[0],
    txt  = elem.innerHTML;
    _txt = txt.slice(0, date.position) + date.text + txt.slice(date.position, txt.length);

elem.innerHTML = _txt;

フィドル

Answer 2

でどうsliceですか？

"foo bar".slice(0, 3) == "foo"
"foo bar".slice(3)    == " bar"
"foo bar".slice(-3)   == "bar"
"foo bar".slice(-2)   == "ar"

したがって、あなたの例を考えると、次のようになります。

var date = {
    position: 5,
    text: 'nice'
};

var foo = $('<div class="something">I like cookies</div>').text();
var bar = foo.slice(0, date.position) + date.text + foo.slice(date.position);