怎样用js去掉br标签

怎样用js去掉br标签,第1张

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=[]

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11910290.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存