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

var data = {
        text: 'nice',
        position: 5
    },
    element1 = document.getElementsByClassName("something")[0],
    str1 = element1.innerHTML, //assume you can use getElementsByClassName; otherwise write a function for it.
    i,
    output = '';

for (i = 0; i < str1.length; i++) {
    if (i === data.position) {
        output += str1[i] + data.text;
    }
    output += str1[i]
}
element1.innerHTML = output;

Answer 3

怎么样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);