問題描述
我們項(xiàng)目中陈肛,有個(gè)需求是往輸入框后面添加紅色字體提示,然后因?yàn)榍岸隧撁娲a都是自動(dòng)拼接字符串產(chǎn)生的凶掰,所以導(dǎo)致多了一個(gè)" 號(hào)燥爷,Chrome瀏覽器、IE11瀏覽器上都沒有問題懦窘,在IE8瀏覽器下前翎,通過js動(dòng)態(tài)設(shè)置提示問題失效。
示例代碼如下(請(qǐng)自行引入jquery)
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("[uid='pspan-C7F8874F9FF00001472C51CB116B12DF']").text("123123");
});
</script>
</head>
<body>
<table>
<tr>
<td class="content" uid="content-C7F8874F9FF00001472C51CB116B12DF">
<input type="text" uid="C7F8874F9FF00001472C51CB116B12DF" id="TEST" name="TEST" ">
<span uid="pspan-C7F8874F9FF00001472C51CB116B12DF" style="display:inline-block; color:red;"> </span>
</td>
</tr>
</table>
</body>
</html>
注意代碼中畅涂,input標(biāo)簽后面多加了一個(gè)"號(hào)港华,導(dǎo)致通過js動(dòng)態(tài)設(shè)置后面span標(biāo)簽的文字失效。
解決方案
定位該問題破費(fèi)了一段時(shí)間午衰,因?yàn)榫W(wǎng)上沒有相關(guān)介紹立宜,這個(gè)問題純屬個(gè)人編碼問題冒萄。
調(diào)試過程中,在Chrome瀏覽器下橙数,審查元素發(fā)現(xiàn)input標(biāo)簽有點(diǎn)異常尊流,所以打印拼接的html字符串,發(fā)現(xiàn)后面多了一個(gè)" 號(hào)灯帮,然后又寫了上面的示例程序進(jìn)行驗(yàn)證崖技。
特別說明
無。
參考鏈接
無钟哥。