JS——向标签中动态加入内容、追加内容、清空内容

目录

1、向div中加入内容

2、向div中追加内容，保留之前的内容

3、通过js清空div中的内容

---

1、向div中加入内容

var text = "需要添加的数据"
var d = document.getElementById('test');//通过id获取div节点对象
d.innerHTML = '<p>总访客数：' + text + '</p>';//在div中追加内容22323

2、向div中追加内容，保留之前的内容

var text = "需要添加的数据"
var d = document.getElementById('test');//通过id获取div节点对象
d.innerHTML += '<p>总访客数：' + text + '</p>';//在div中追加内容22323
 //利用 += 进行内容追加，''单引号之间可添加html标签

3、通过js清空div中的内容

var text = "需要添加的数据"
var d = document.getElementById('test');//通过id获取div节点对象
d.innerHTML =" ";//在div中追加内容
 //相当于用""替换原有的内容