JS document内容及样式操作完整示例

本文实例讲述了JS document内容及样式操作。分享给大家供大家参考，具体如下：

    
 
 
 
 
 
     #div01{
  width: 200px;
  height: 200px;
  border: solid 2px yellow;
     }
     #div02{
  width: 200px;
  height: 200px;
  border: solid 2px cyan;
     }
     .common{
  width: 200px;
  height: 200px;
  border: solid 2px cyan;
     }
     .common2{
  width: 200px;
  height: 200px;
  border: solid 2px purple;
     }
 
    
    
 js-documnet元素内容和样式操作
 单标签操作
 
 
 
 
 
 
 

 单标签测试 


 
 

 双标签测试


 
 
 
 
 


 
     clannad 赛高！
 
 
 
    

运行结果：

感兴趣的朋友可以使用在线HTML/CSS/Javascript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于Javascript相关内容可查看本站专题：《Javascript操作DOM技巧总结》、《Javascript页面元素操作技巧总结》、《Javascript事件相关操作与技巧大全》、《Javascript查找算法技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript错误与调试技巧总结》

希望本文所述对大家Javascript程序设计有所帮助。