IE8浏览器下，设置span标签内容无效
2018-05-02 本文已影响174人
好吃的野菜
问题描述
我们项目中，有个需求是往输入框后面添加红色字体提示，然后因为前端页面代码都是自动拼接字符串产生的，所以导致多了一个" 号，Chrome浏览器、IE11浏览器上都没有问题，在IE8浏览器下，通过js动态设置提示问题失效。
示例代码如下（请自行引入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标签后面多加了一个"号，导致通过js动态设置后面span标签的文字失效。
解决方案
定位该问题破费了一段时间，因为网上没有相关介绍，这个问题纯属个人编码问题。
调试过程中，在Chrome浏览器下，审查元素发现input标签有点异常，所以打印拼接的html字符串，发现后面多了一个" 号，然后又写了上面的示例程序进行验证。
特别说明
无。
参考链接
无。
