問題描述
我們項目中，有個需求是往輸入框后面添加紅色字體提示，然后因為前端頁面代碼都是自動拼接字符串產(chǎn)生的，所以導(dǎo)致多了一個" 號，Chrome瀏覽器、IE11瀏覽器上都沒有問題，在IE8瀏覽器下，通過js動態(tài)設(shè)置提示問題失效。
示例代碼如下（請自行引入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)簽后面多加了一個"號，導(dǎo)致通過js動態(tài)設(shè)置后面span標(biāo)簽的文字失效。
解決方案
定位該問題破費(fèi)了一段時間，因為網(wǎng)上沒有相關(guān)介紹，這個問題純屬個人編碼問題。
調(diào)試過程中，在Chrome瀏覽器下，審查元素發(fā)現(xiàn)input標(biāo)簽有點(diǎn)異常，所以打印拼接的html字符串，發(fā)現(xiàn)后面多了一個" 號，然后又寫了上面的示例程序進(jìn)行驗證。
特別說明
無。
參考鏈接
無。
