怎样往jsdom节点里添加字符串

JavaScript051

怎样往jsdom节点里添加字符串,第1张

节点中添加内容或者HTML代码,首先要获取节点的对象,然后进行操作。

假设我们有一个节点:

<div id="name"></div>

我根据上面的节点做一下举例说明:

原生JS:

document.querySelector('#name').innerHTML = '我是被添加的内容'

jQuery:

$('#name').html('我是被添加的内容')

两种方法运行结果是一样的,如下图:

//js 字符串中插入内容的方法是重写原型中的splice()方法:

//1、原型定义如下:

if (!String.prototype.splice) {

    String.prototype.splice = function(start, delCount, newSubStr) {

        return this.slice(0, start) + newSubStr + this.slice(start + Math.abs(delCount))

    }

}

//2、重写后代码如下:

String.prototype.splice = function(idx, rem, str) {

    return this.slice(0, idx) + str + this.slice(idx + Math.abs(rem))

}

//3、使用方法:

var result = "foo baz".splice(4, 0, "bar ")

document.body.innerHTML = result 

//结果:在 "foo bar"中的第4个位置插入字符串bar ,变成:"foo bar baz"