HTML DOM 树形结构

HTML DOM 树形结构:

HTML DOM 实例

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

源代码:
<!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="http://www.zuiuren.com//images/pic_bulbon.gif";
    }
}
</script>
<img id="myimage" οnclick="changeImage()" border="0" src="/images/pic_bulboff.gif" width="100" height="180">
<p>点击灯泡 开/关 灯</p>
</body>
</html> 

posted on 2017-01-19 01:37 大西瓜2号 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/daxiagua/p/6300862.html

HTML DOM 树形结构相关推荐

  1. html dom树的结构图,什么是DOM对象?DOM树形结构介绍

    JavaScript中,经常需要操作DOM.所谓DOM指的是文档对象模型(Document Object Model).它提供了对文档结构化的描述,并将HTML页面与脚本.程序语言联系起来. 为了大家 ...

  2. java中dom树形结构_DOM树的结构

    转载于:http://hi.baidu.com/leexper/blog/item/1c47f1112c1d3676ca80c4a9.html 一.引言 XML 是eXtensible Markup ...

  3. NET平台下Web树形结构程序设计

    .NET平台下Web树形结构程序设计 李洪根 我的上篇文章<树形结构在开发中的应用>主要是在Windows Form下的实现,下面讲一下Web Form下的实现. 概述 TreeView是 ...

  4. CSS实现树形结构 + js加载数据

    看到一款树形结构,比较喜欢它的样式,就参照它的外观自己做了一个,练习一下CSS. 做出来的效果如下: 拉莫小学 一年级 一班 二班 二年级 三年级 一班 二班 三班 树的dom结构: <div ...

  5. el-select和el-tree树形结构下拉单选和多选

    1.el-select和el-tree树形结构下拉单选 <template><div class="app-container caseManagementIndex sc ...

  6. 树形结构在关系数据库中的设计

    在程序设计中,经常以树形结构表示数据的层次关系,如菜单的结构.商品的分类等. 这样的层次结构在关系数据库中难以直观地表示.常见的一种做法是用一个字段指向上级节点来表示记录的上下级关系. fid pid ...

  7. html树状结构怎么展开,纯css实现树形结构

    纯css实现属性结构 **css实现属性结构的思路是利用伪类实现树形结构连接线,如果想实现点击展开和收 缩以及复选框效果还得配合js来实现.其实展开和收缩就是一个点击元素其子元素隐藏 和显示的切换.* ...

  8. 使用树形结构保存实体

    阅读原文请访问我的博客BrightLoong's Blog 之前在项目需要实现一个功能--将xml文件映射成实体,然后对映射的实体进行逻辑处理,最后保存到数据库中:由于xml结构的数据是结构化的数据, ...

  9. 在winform中从外部拖动节点到树形结构(treeview和listview相互拖动)(一)

    最近一个项目要用到从listview向treeview拖动item,达到从外部拖动图标成为树形结构的一部分,通过查阅资料总结了一些实现方式,分享给大家.这是winform中的例子. 在进行拖放操作之前 ...

最新文章

  1. lemp-------3多站点访问,,访问控制,,虚拟目录
  2. plsql直连数据库教程
  3. 弹出窗口显示输出内容_PCB生产文件输出流程
  4. seata xid是什么_Seata 分布式事务框架
  5. navicat快捷键
  6. 不同坐标系下角速度_最伟大的数学发明,坐标系的诞生,是人类史上的方向盘...
  7. 使用JavaScript的Platformer游戏教程
  8. Alt Gr or Shift
  9. 7-5 列车厢调度 (25 分)
  10. iOS开发中通知(Notification)快速入门及推送通知实现教程
  11. 遗传算法求解TSP问题(Python)
  12. 回到顶部功能:uniapp微信小程序回到顶部的几种方法
  13. php 小米路由器_小米路由3 原厂固件OPKG安装 nginx+php+mysql 搭建WEB环境 芒果云等...
  14. JPEG添加EXIF
  15. 很多人看都哭了,不信你不哭
  16. ISTQB基础级考试资料汇总
  17. bada-开发入门之HelloWorld(上)
  18. [无线连接手机]-通过局域网无线连接调试手机设备
  19. Linux不允许进程被杀,linux – 我的进程被杀了但我无法理解内核通知
  20. 记录一次微信卡包模板消息踩坑问题

热门文章

  1. [nRF51822] 13、浅谈nRF51822和NRF24LE1/NRF24LU1/NRF24L01经典2.4G模块无线通信配置与流程...
  2. 编写 Struts2 程序 的三个步骤 手动配置
  3. PHP面向对象:instanceof 运算符 (备忘)
  4. 【软件分析与挖掘】Vision of Software Clone Management: Past, Present, and Future (Keynote Paper)...
  5. Django框架架构总览
  6. 使用谷歌语音识别打造语音管家HiVoice
  7. 为什么要用Web Service
  8. Unicode - 想说爱你不容易
  9. LeetCode(181)——超过经理收入的员工(MySQL)
  10. JavaScript学习(三十一)—在输入框中如何判断输入的是一个正确的网址