发现了IE9里的一个bug-优快云博客

本文详细介绍了在IE9浏览器中，Textarea元素在使用内联样式和innerHTML方法插入HTML标签时出现的解析问题。通过具体代码演示，揭示了IE9将部分HTML标签视为样式应用而非文本内容的特性，以及这种行为与其他浏览器的差异。

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

textarea元素在IE9里的一个情形下会出现问题，这个问题在IE9之前的版本和其他的浏览器里都不存在。这个本不该出现的“特性”，或许是IE9的一个bug。下边详细说明之。

大家在各个浏览器里测试下边的简单代码便可发现这个问题

<!DOCTYPE HTML>
<html>
<head>
    <title></title>
</head>
<body>
<textarea id="t" rows="6"></textarea>
<script>
var t = document.getElementById("t");
t.innerHTML = "<p style='color:red'>aaaa</p>";  // 只能在IE9中被解析，其他浏览器不解析
/*下边是我自己测试的结论：
 textarea表示文本区域，本应该把它里边的各种文字、标签等显示成纯文本的形式。
    直接把诸如
    <p style='color:red'>aa</p>的html形式标签放到textarea里，在IE9及其他浏览器里都会把P标签显示出来，
    这个应该是正确的解析，没什么问题。
    但是，把
    <p style='color:red'>aa</p>
    通过JS的innerHTML向textarea里插入，就能（只能）被IE9解析成红色的aa，把p标签当成html标签解析，
    p被过滤掉了（注意，<!DOCTYPE>的文档声明必须要加上，不加的话，IE9就不会解析p标签了）。
    当然，textarea里一般不应该用innerHTML方法插入内容。

*/
</script>
</body>
</html>