课程表

HTML DOM

DHTML 教程

DOM/DHTML 总结/实例

参考手册

工具箱
速查手册

DHTML DOM

当前位置：免费教程 » JS/JS库/框架 » HTML DOM

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

实例

注释：大多数 DHTML 实例需要IE 4.0+、Netscape 7+ 或者 Opera 7+！

元素访问
如何访问一个元素并改变它的样式。
属性改变
如何访问一个图像元素并修改 "src" 属性。
innerHTML
如何访问并修改一个元素的内容。

如何访问一个元素？

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

  1. <html>
  2. <body>
  3.  
  4. <h1 id="header">My header</h1>
  5.  
  6. <script type="text/javascript">
  7. document.getElementById('header').style.color="red"
  8. </script>
  9.  
  10. </body>
  11. </html>

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

  1. My header
转载本站内容时，请务必注明来自W3xue，违者必究。
 友情链接：直通硅谷 　点职佳 　北美留学生论坛

本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
皖ICP备17017327号-2　皖公网安备34020702000426号