您现在的位置: 365建站网 > 建站教程 > DHTML 教程 > DHTML DOM(Document Object Model)

DHTML DOM(Document Object Model)

此节有 184 人学习过     参与评论

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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (184人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号