节点中添加内容或者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"