1、新建一个html文件,命名为test.html,在test.html文件内,在div标签内,使用p标签创建多行文字。
2、在test.html文件内,设置指定标签的id属性,例如,这里设置第二个p标签的id为testpp,主要用于下面通过该id获得p对象。
3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“去掉指定标签内容”。
4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行clearcon()函数。
5、在js标签中,创建clearcon()函数,在函数内,使用getElementById()方法通过id(testpp)获得标签对象,将其innerHTML属性设置为空,便可实现删除标签的内容。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。
这里用一个数组记录,再在del()里定义相关参数。var added=[],parent=document.body
function add(){
var ina=document.createElement("p")
ina.innerHTML="HelloWorld<br>"
ina.style.color="red"
ina.style.fontSize="20px"
parent.appendChild(ina)
added.unshift(ina)
}
1. 依次删完
function del(){
if(!added[0])return
parent.removeChild(added[0])
added.shift()
}
2. 全删了
function del(){
for (var i=added.length-1i>=0i--){ parent.removeChild(added[i]) }
added=[]
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)