关于innerHTML的赋值左右不等的问题

[qq_27727923]

var node = document.createElement("div");
node.innerHTML = tempHtml;
txtNode.appendChild(node);
关键代码如上，我获得的tempHtml在赋值给node.innerHTML时发现两者不相同
<a href='xxxx'>
<div class='zhengwen' style='width:100%;color:#666;text-align:left'></div>
</a>
这是tempHtml的部分代码
然后赋值后会变成node.innerHTML就会变成
<a href='xxxx'></a>
<div class="zhengwen" style="width:100%;color:#666;text-align:left"><a href="xxxx"></a>
</div>
变化并不规则，而且不是都左右不相等在for循环里只有几个会出现这样的情况，请问是为什么，然后怎么修改，求大佬赐教。

[天际的海浪]

a标签内不能包含div

[qq_27727923]

引用 1 楼 jslang 的回复:

a标签内不能包含div

请问是什么东西的影响，然后为什么有的是正常不出错的，有的是有问题的

[qq_27727923]

原因好像是因为我在div标签里动态添加了关键字然后还用了<i>标签把关键字改变样式了， 用了下面的语句 json.Data[i].ConsultationContent = json.Data[i].ConsultationContent.replace(regex, "<i style='color:red;'>" + currentKeyword + "</i>");当我把这句话去掉就不会出现之前的问题，请问我改怎么修改才能还能把关键字标红然后innnerHTML还能不出问题。

[qq_27727923]

问题解决了，是我用了since（）省略了div中的内容导致刚刚好省略到<i>标签或者它的结束符，导致网页自动补完结束符出错，这个问题也是没有说清楚问题所在，也是因为自己的技术还是太拙劣。