JSRUN 用代码说话

DHTML DOM（Document Object Model）

编辑教程
上一节 ： DHTML CSS Positioning (CSS-P) 下一节 ： DHTML 事件句柄（Event Handlers）

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
上一节 ： DHTML CSS Positioning (CSS-P) 下一节 ： DHTML 事件句柄（Event Handlers）
Mos固件，小电视必刷固件 ES6 教程 Vue.js 教程 JSON 教程 jQuery 教程 HTML 教程 HTML 5 教程 CSS 教程 CSS3 教程 JavaScript 教程 DHTML 教程 JSON在线格式化工具 JS在线运行 JSON解析格式化 jsfiddle中国国内版本 JS代码在线运行 PHP代码在线运行 Java代码在线运行 C语言代码在线运行 C++代码在线运行 Python代码在线运行 Go语言代码在线运行 C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统， 所有工程师都可以参与共同维护的闪电教程，让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编，让零散的知识点帮助更多的人。
X
支付宝
￥ 9.99
无法付款，请点击这里
金额： 0 元
备注：
转账时请填写正确的金额和备注信息，到账由人工处理，可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码， 此过程可能需要15秒钟