html空标签用什么代替,替换正则表达式的空间,而无需更换空的HTML标签

本文探讨了在进行DOM操作时遇到的CSS布局问题,并提供了解决方案,避免使用正则表达式替换空格破坏页面样式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

5SPACE

但是当我这样做使用:

card_cost=card_cost.replace(/\s/g,"");

它搅乱我的css全部结束,对象堆叠在一起,就像它们的位置变成绝对一样。

如何在不破坏我的css或文档流的情况下替换空格?

示例代码:

的Javascript:

card_cost=document.getElementById('card_cost').value;

if(card_cost)

{

card_cost=card_cost.replace(/\d+/g,"$&");

*breaks styling*card_cost=card_cost.replace(/\s/g,"");*breaks styling*

}

document.getElementById('output').innerHTML+="

"+" "+card_cost+"";

CSS:

.card_name,.card_image,.card_cost,.card_type,.card_subtype,.card_rarity,.card_rules,.card_flavor,.card_strength,.card_num,.card_lower,.card_costnum

{

position:relative;

z-index:1;

}

.card_cost

{

display:inline-block;

float:right;

clear:right;

}

.card_costnum

{

position:relative;

display:inline-block;

text-align:center;

vertical-align:middle;

background-image:url("numsymbol_small.png");

background-repeat:no-repeat;

width:12px;

height:12px;

margin:1px;

top:-4px;

}

+0

我不明白 - 你在做什么? (我试着回答,但回头看,我不确定这是你的需要了。) –

2012-04-22 17:03:49

+0

使用DOM操作删除空白文本节点而不是正则表达式。并且不要做'.innerHTML + = ...'。对你的DOM做一件很糟糕的事情。 –

2012-04-22 17:05:11

+0

如果你把你的css最小化,你也可以删除所有的新行和'''在url等'看看http://www.codebeautifier.com/ –

2012-04-22 17:05:40

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值