加入收藏 | 最新开课 | 最新资讯
  • 泉州浮桥企业公司办公文
  • 泉州鲤城浮桥金龙街道、
  • 泉州鲤城浮桥、中山公园
  • 泉州浮桥电脑设计培训中
  • 2018高考完了我要学电脑设
  • 泉州鲤城photoshop淘宝详情
  • 平面广告包装ps/cad/cd-201
  • 福建百科教育泉州专业a
  • 泉州浮桥金龙AUTOCAD机械零
  • Win10开机密码忘了?教你破
  • 泉州电脑设计培训班欢迎您来学习!
    泉州电脑培训班 > 在线学习 > DHTML >
    全部课程 专业课程 精品课程 软件课程 职业认证 学历教育 全部课程大集结

    DOM (文档对象模型)是我们有能力访问一个文档中的每个元素。

    时间:2017-12-19 22:18   来源:未知   作者:admin   点击: 次 (责任编辑:admin)
    DOM (文档对象模型)是我们有能力访问一个文档中的每个元素。
    DOM (文档对象模型)是我们有能力访问一个文档中的每个元素。

    如何访问一个元素?



    元素必须拥有被定义的 id 属性,且需要一段脚本语言。JavaScript 是浏览器兼容性最好的脚本语言,所以我们使用 JavaScript。

    <html>
    <body>
    
    <h1 id="header">My header</h1>
    
    <script type="text/javascript">
    document.getElementById('header').style.color="red"
    </script>
    
    </body>
    </html>

    这段脚本可改变标题元素的颜色,并生成输出。

    My header
    

    如何访问一个图像元素并修改 "src" 属性。

    <html>
    <body>
     
    <img id="image" src="/i/eg_smile.gif" />
     
    <script type="text/javascript">
    document.getElementById('image').src="/i/eg_landscape.jpg"
    </script>
     
    <p><b>注释:</b>原始图片是一个笑脸,但是上面的脚本把图片改为风景。</p>
     
    </body>
    </html>

    如何访问并修改一个元素的内容。

    <html>
    <body>
     
    <h1 id="header">旧标题</h1>
     
    <script type="text/javascript">
    document.getElementById('header').innerHTML="新标题"
    </script>
     
    <p>请注意,原始的文本是“旧标题”。</p>
     
    </body>
    </html>

     

    上一篇:泉州浮桥网页设计培训-DHTML CSS Filters
    下一篇:前端网页UI设计DHTML 事件句柄(Event Handlers)