浏览器脚本教程 > DHTML 教程 > DHTML DOM(Document Object Model)

DHTML DOM(Document Object Model)

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

实例

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

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

如何访问一个元素?

元素必须拥有被定义的 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
参考手册

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试,对任何法律问题及风险不承担任何责任。 当使用本站时,代表您已接受了本站的使用条款和隐私条款。版权所有,保留一切权利。 鲁ICP备15022115号