js学习之旅（4）

 

继续抄书
    循环绑定事件
     var gallery=document.getElemtsById("imagegallery");
    var links=gallery.getElemtsByTagName("a");
    for(var i=0; i<links.length;i++){
      links.οnclick=function(){
        return showPic(this);
   }

与此相关 可以看看码头的http://www.css88.com/article.asp?id=531相关帖子

第七章 动态创建html内容

document.write()方法 和innerHTML属性

document.write()方法违背了“分离javascript”原则，应尽量避免使用。
innerHTML属性可以读、写给定元素里的html内容。

createElement()方法  创建一个新的元素
document.createElement(nodeName)
appendChild()方法  插入文档的节点树（让新创建的节点成为现有节点的子节点）
parent.appendChild(child)

var testdiv=document.getElementById("testdiv");
var para=document.createElement("p");
testdiv.appendChild(para);

createTextNode()方法  创建文本节点

insertBefore()方法  把一个新元素插入到一个现有元素的前面。
调用语法:parentElement.insertBefore(newElement,targetElement);

newElement 想插入的新元素
targetElement 现有元素
parentElement 这两个元素的共同的父元素 （targetElement.parentNode）

编写 insertAfter()函数

function insertAfter(newElement,targetElement){
  var parent=targetElement.parentNode;
  if(parent.lastChild==targetElement){
    parent.appendChild(newElement);
  }
   else{
     parent.insertBefore(newElement,targetElement.nextSilbling);
   }
}

第八章

<abbr>标签：缩略语

<acronym>标签：字头缩写词 如：DOM

第九章

何时改用DOM脚本去设置样式信息

1.根据元素在节点树里的位置设置样式信息
2.根据某种条件来设置样式信息
3.对事件做出响应

className属性  非常实用

第十章 用javascript实现动画效果

位置 时间  

1. setTimeout()函数  能够让某个函数在经过一段预定的时间之后才开始执行。

parseInt()函数  可以吧字符串里的数值信息提取出来。

2.clearTimeout()函数   清除积累在setTimeout队列里的事件。