心得笔记——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编程艺术笔记——CH8 Enhancing content

本章内容:用DOM充实文档的内容,运用上一章学习的用DOM动态创建标记的办法,实现更多的功能函数。 缩略语列表(abbreviation list) 文献来源链接(cite links) 快捷键清单(...

JavaScript学习笔记4——DOM

JavaScript学习笔记4——DOMJavaScript学习1——3参考谷哥的小弟博客http://blog.csdn.net/lfdfhl?viewmode=contents:摘自《javasc...

《JavaScript高级程序设计》学习笔记——DOM

第十章 DOM DOM是针对XML和HTML文档的一个API:即规定了实现文本节点操控的属性、方法,具体实现由各自浏览器实现。 1. 节点层次 1) 文档节点:document,每个文档的根节点...

好好学一遍JavaScript 笔记(十)——IE跟DOM事件函数区别

欢迎技术交流。 QQ:138986722 1、获取目标 位于事件中心的对象称为目标(target).假设为元素分配onclick事件处理函数、触发click事件时、就被认为是目标。IE...
  • hzw2312
  • hzw2312
  • 2012年02月22日 13:56
  • 3351

Javascript学习笔记07——DOM

Node类型: 每个节点都有自己的父节点parentNode,包含在childNode中的节点都具有相同的父节点。同时都具有同胞节点。使用previousSibling和 nextSibliing可...

JavaScript DOM学习笔记5——创建和操作节点

之前学习了DOM中各种节点的访问方法,DOM所包含的内容远不止如此,DOM编程还包括当DOM树已经构建起来之后再添加节点。         1.创建新节点         document对象中包...
  • wawlian
  • wawlian
  • 2011年12月17日 16:06
  • 304

javascript DOM编程艺术笔记——CH7 creating markup on the fly

动态创建标记 动态创建标记 传统documentwrite innerHTML dom方法createElement createTextNode appendChild insertBefore 重...

《JavaScript DOM编程艺术 第2版》——读书笔记(不含代码部分)

第3章:DOM DOM:    D(document)     O(object)     M(model) 常用方法:    getElementById         getEleme...

[读书笔记]javascript编程艺术——CH3 DOM

这章主要介绍了DOM和几个简单的DOM方法。 DOM是“Document Objec”

智能社JavaScript学习笔记——12-DOM操作应用

创建、插入和删除元素1. 创建DOM元素createElement(标签名) 创建一个节点 appendChild(节点) 追加一个节点 (添加到末尾) //父级....
  • namei33
  • namei33
  • 2015年05月28日 16:23
  • 395
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:心得笔记——JavaScript DOM
举报原因:
原因补充:

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