JS document对象简单用法完整示例

本文实例讲述了JS document对象简单用法。分享给大家供大家参考，具体如下：

    
 
 
 
 
     .clname{}
     #showdiv{
  border: solid 2px cyan;
  width: 300px;
  height: 400px;
     }
     input[type=text]{
  margin-left: 3px;
     }
 
    
    
 js-document对象学习
 直接调用
 
 
 
 
 


 间接调用
 
 
 
 
     
     
     
     
     
     
 
    

运行结果：

document:

获取HTML元素：

1：直接获取方式：通过id   通过name属性值    通过标签名   通过class属性值

2：间接获取方式：父子关系   子父关系   兄弟关系

3：操作HTML元素对象的属性

      操作HTML元素对象的内容和样式

      操作HTML的文档结构

      document操作Form元素

      document操作表格

      document对象实现form表单校验

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

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

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