Javascript & DHTML DOM基础和基本API

 更新时间:2008年07月03日 20:58:05   作者:  
DOM是文档对象模型(Document Object Model,是基于浏览器编程(在本教程中,可以说就是DHTML编程)的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,其中以Mozilla的浏览器最与标准接近。


二、动态创建与插入结点

  1)、创建结点对象。document.createElement(tagname),tagname指的是一个标签,比如一个DIV,就是document.createElement("DIV"),它返回的是这个结点的引用。

  2)、在body的尾部插入结点用document.body.appendChild(object),为了容易理解,下面这个示例,我用了IE专有的属性object.outerHTML,得到一个该元素的HTML标签内容(包括自身),这样会更容易看到效果。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

三、移除结点。
  1) object.parentNode.removeChild(oChildNode),这个就是语法,下面看示例。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

这一节就先写到这里,下一节我们就可以用这几个简单的API做许多事情了,几个API就可以写出很多效果

相关文章

  • 纯js实现隔行变色效果

    纯js实现隔行变色效果

    这篇文章主要为大家详细介绍了纯js实现隔行变色效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • layui实现三级联动效果

    layui实现三级联动效果

    这篇文章主要为大家详细介绍了layui实现三级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 在DWR中实现直接获取一个JAVA类的返回值的两种方法

    在DWR中实现直接获取一个JAVA类的返回值的两种方法

    本文主要介绍了在DWR中实现直接获取一个JAVA类的返回值的两种方法,具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • layui+SSM的数据表的增删改实例(利用弹框添加、修改)

    layui+SSM的数据表的增删改实例(利用弹框添加、修改)

    今天小编就为大家分享一篇layui+SSM的数据表的增删改实例(利用弹框添加、修改),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js闭包的6种应用场景总结

    js闭包的6种应用场景总结

    如果一个函数访问了此函数的父级及父级以上的作用域变量,那么这个函数就是一个闭包,本文将给大家分享js闭包的6种应用场景,文中有详细的代码示例,需要的朋友可以参考下
    2023-09-09
  • 微信小程序自定义键盘 内部虚拟支付

    微信小程序自定义键盘 内部虚拟支付

    这篇文章主要为大家详细介绍了微信小程序自定义键盘,内部虚拟支付,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JavaScript对Json的增删改属性详解

    JavaScript对Json的增删改属性详解

    下面小编就为大家带来一篇JavaScript对Json的增删改属性详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 借用Google的Javascript API Loader来加速你的网站

    借用Google的Javascript API Loader来加速你的网站

    加速页面加载速度有一个方法就是把CSS和JS文件放到另外一个单独的服务器上,这样在访问量比较大的情况下可以分担主服务器的压力
    2009-01-01
  • 用AJAX返回HTML片段中的JavaScript脚本

    用AJAX返回HTML片段中的JavaScript脚本

    如果AJAX加载的数据是一个HTML片段,而且这个HTML片段还包含脚本<script>块,那么在你把这数据xmlHttp.responseText用innerHTML方法插入到当前文档一个元素中,你会发现AJAX加载回来的脚本根本没有执行。
    2010-01-01
  • 关于JS中一维数组和二维数组互转问题

    关于JS中一维数组和二维数组互转问题

    这篇文章主要介绍了js中一维数组和二维数组互转,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04

最新评论