心得笔记——JavaScript DOM

原创 2007年09月15日 11:03:00

本文作者:longlongago     博客地址:http://blog.csdn.net/longlongago2000

最近看了《JavaScript DOM编程艺术》觉得很不错,虽然只是看书没实践,但领会到其中的思想对Javascript编程很有好处!

怕看完就忘了书中的重点,到用时翻起书来就麻烦了,故将书中自己觉得有用的东西记录下来 。

首先是DOM中非常有用的方法:

          getElementById(),getElementsByTagName,getAttribute()获取属性,setAttribute()设置属性。

          createElement(),createTextNode(),appendChild(),lastChild,parentNode,nextSibling,insertBefore(newElement,targetElement)——没有insertAfter方法,不过可以自己写

// insertAfter function

function insertAfter(newElement,targetElement){

   var parent = targetElement.parentNode;

  if (parent.lastChild == targetElement){

    parent.apppend(newElement);

 }else{

    parent.insertBefore(newElement,targetElement.nextSibling);

  }

}

还有两个不是很好的方法:document.write(),innerHTML,由于其用起来无细节可言,故不推荐使用。

在使用上述方法前可用语句if(!方法)return false;来判断浏览器是否支持此方法,不支持的不会出错。

版权声明:本文为博主原创文章,未经允许不得转载,微信公众号:mellong, 查看最新内容,欢迎访问www.devlong.com。

javascript DOM编程艺术 读后感与笔记

书评: 一开始接触前端的时候就在各个社区都听说过这本书,不愧为js最广为推荐的入门书,整本书读起来通畅易懂,对一个新手来说几乎不存在什么门槛,让人易于接受,该书通过一个个实例循序渐进,学到新的知识后...
  • m0_37506557
  • m0_37506557
  • 2017年02月25日 16:30
  • 465

【我的JS第三本】JavaScript_DOM编程艺术第二版读书笔记

经过前一段时间HTML&CSS的学习,感觉视频加读书是一个比较不错的学习方法,两者相辅相成,互相补充,所以也准备看看关于JavaScript的书。       2015年12月14日,之前使用韩顺平老...
  • Creabine
  • Creabine
  • 2015年12月14日 21:12
  • 3344

[学习笔记]JavaScript之DOM基础

DOM概述 DOM定义 DOM(文档对象模型,Document Object Model)是W3C组织开发的一套便于操作XML和HTML的JavaScript方法,其将XML和HTML抽象成文...
  • jacobvv
  • jacobvv
  • 2015年01月18日 22:20
  • 1344

JavaScript_DOM编程艺术第二版学习笔记-第7章

动态创建标记 传统技术:document.write和innerHTML 深入剖析DOM方法:createElement、createTextNode、appendChild和insert...
  • sofia92
  • sofia92
  • 2015年12月16日 09:20
  • 792

智能社JavaScript学习笔记——13/14 - DOM操作应用 - 高级

表格应用1. 获取tBodies、tHead、tFoot、rows、cells 注意: 一个表格可以有多个tbody (所以tBodies是复数,是一个数组),但是只能有一个thead,一个tfoo...
  • namei33
  • namei33
  • 2015年06月03日 03:45
  • 781

尚硅谷_JS DOM编程_学习笔记

DOMDOM:Document Object Model(文本对象模型) D:文档 – html 文档 或 xml 文档 O:对象 – document 对象的属性和方法 M:模型 DOM 是针对x...
  • u012195214
  • u012195214
  • 2017年04月21日 00:03
  • 277

《JavaScript DOM编程艺术》学习

JavaScript编程原则和使用习惯  在使用JavaScript之前需思考: 为这个网页增加这种额外的行为是否 确有必要“用户至上” , 这样做会对用户的浏览器产生怎样的影响?浏览器支持Jav...
  • qq_26437925
  • qq_26437925
  • 2016年02月01日 20:10
  • 1097

JavaScript DOM详解

DOM的获取Element的方法和属性: getElementById(id) getElementsByTagName(tag) getElementsByClassName(class) ...
  • johnny901114
  • johnny901114
  • 2016年10月03日 11:45
  • 1805

javascript dom编程艺术网页案例

包含了五个页面,N多函数,完成工作有幻灯片,点击显示内容功能,图片库,表格优化,表单优化,我自己没有写最后表单的ajax 在博客上只放了 js 函数代码,是供自己温习,想要学习建议阅读书籍。 案例...
  • unaMattin
  • unaMattin
  • 2016年12月04日 23:44
  • 755

Javascript_DOM编程艺术(上)

javascript_DOM
  • qq_26327971
  • qq_26327971
  • 2017年03月26日 20:48
  • 446
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:心得笔记——JavaScript DOM
举报原因:
原因补充:

(最多只允许输入30个字)