HTML DOM 教程


HTML DOM 定义了访问和操作 HTML 文档的标准方法。

DOM 以树结构表达 HTML 文档。

现在开始学习 HTML DOM !


HTML DOM 树形结构:

DOM HTML tree

HTML DOM 实例

学习 100 个实例!使用我们的编辑器,你可以编辑 HTML 文档,然后单击 "尝试一下" 按钮来查看结果。

在线实例!

HTML DOM 实例

点击灯泡 开/关 灯

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
function changeImage()
{
	element=document.getElementById('myimage')
	if (element.src.match("bulbon"))
	{
		element.src="/images/pic_bulboff.gif";
	}
	else
	{
		element.src="/images/pic_bulbon.gif";
	}
}
</script>
<img id="myimage" onclick="changeImage()" border="0" src="/images/pic_bulboff.gif" 
width="100" height="180">
<p>点击灯泡 开/关 灯</p>

</body>
</html>

HTML DOM 参考手册

在 W3CSchool 中, 我们提供了完整的HTML DOM 参考手册并且附带了在线实例。

HTML DOM 参考手册


分类导航
点击按住视频可拖动

缩小

关闭

  • 正在学习
  • 北京总部地址:北京市海淀区西三旗桥东建材城西路85号神州科技园B座三层尚学堂
  • 咨询电话:400-009-1906 010-56233821
  • Copyright 2007-2015 北京尚学堂科技有限公司
  • 京ICP备13018289号-1 京公网安备11010802015183