js输出自动过滤掉class属性的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script type="text/javascript">
function myYin(){
var registerId = "<a href='index.jsp' title='注册' class='thickboxs'>免费注册作者账号</a>"; document.getElementById("userStateTwo").innerHTML=registerId;
}
  </script>
 </HEAD> <BODY>
  <input type="button" value="测试" onclick="myYin();" />
  <span id="userStateTwo"></span>
 </BODY>
</HTML>输出结果为什么 class 被过滤掉了呢 <span id="userStateTwo"><a href='index.jsp' title='注册'>免费注册作者账号</a></span>

解决方案 »

  1.   

    你的意思是显示出来了，就是没有加thickboxs样式吧
      

  2.   

    var registerId = "<li>ref='index.jsp' title='注册' class='thickboxs'>免费注册作者账号</a></li>" 加上<li>标记就自动过滤掉了。输出变成了这个：<li>ref='index.jsp' title='注册'>免费注册作者账号</a></li>
      

  3.   

    document.getElementById("userStateTwo").innerHTML="<a href='index.jsp' title='注册' class='thickboxs'>免费注册作者账号</a>";
    直接写不行吗？
      

  4.   

    发现问题了，代码复制错了
    var reg = "<li><a href='index.jsp' title='注册' class='thickboxs'>免费注册</a></li>";
    搞了半天原来是那个<li>的问题，加上<li>就会过滤掉class，谁有好的解决方法呢？ 大家试试哈