黑马程序员技术交流社区

标题: DOM更改文字颜色 [打印本页]
作者: doyxy    时间: 2014-4-21 21:00
标题: DOM更改文字颜色
本帖最后由 doyxy 于 2014-4-21 22:05 编辑

刚刚尝试通过按钮更改文字颜色,但是内容更改成功,颜色却没有改变,这是怎么回事呢?
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>

  7. <script type="text/javascript">
  8. function changeColor(){
  9.         var obj =document.getElementById("divid");/*通过id获取对象*/
  10.         obj.innerText="changed";
  11.         obj.className = "red";
  12.         alert(obj.className);
  13. }

  15. </script>
  16. <style type="text/css"> <!--样式选择-->
  17. .red{
  18.         color:red;
  19. }
  20. .blue{
  21.         color:blue;
  22. }
  23. </style>
  24. </head>

  26. <body>

  28. <!--处理点击事件-->
  29. <input type="button" value="test dom" onClick="changeColor()" />
  30. <div id="divid"><!--可以为标签设置id-->
  31. 测试文本
  32. </div>
  33. </body>
  34. </html>
复制代码




作者: yanzhendong    时间: 2014-4-21 21:54
去掉16行的注释就行了
作者: doyxy    时间: 2014-4-21 22:05
OK了...谢谢
发现只能用/* */注释



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2