传智播客 JavaScript DOM加强

上了一天的课,很累,不过真的很充实.比自己学的效率要高很多,对技术的理解也提高了不少.对总结有充满了信心,感觉自己两个半月后一定能找到一个五千块以上的工作.哈哈!今天讲的是JavaScript的应用.主要是在项目和工作中经常使用到的功能实现.老师对JavaScript的总结和运用很全面和实用.先简单介绍几句教我JavaScript的老师,佟刚老师,上课的时候很有激情.一讲高兴了,就感觉拦都拦不住的架势.对课堂的掌握,和节奏的把握都很老道,相当有经验.虽然课程内容很多,但老师的讲解方法到位,让我们吸收起来也容易轻松了不少.大大提高了效率.一下课佟刚老师就在教室里走走,走到同学边上问问能不能跟上,有没有没理解的.不管问什么问题,老师都很细心的讲解.说实话真的很认真.老师的话题今天就先聊到这儿,以后再详细说说.先来总结一下今天学习到的知识.
 
今天的主要内容是JavaScript DOM加强.上午讲解了一下基础知识和一些API方法的使用,加强基础.主要对这些内容进行了讲解,节点及其类型;查找元素节点;查看是否存在子节点;nodeName;nodeType;nodeValue;替换节点;查找属性节点;设置属性节点;创建新元素节点;创建新文本节点;插入节点;删除节点;遍历节点树;获取第一个子节点;获取最后一个子节点;innerHTML属性;
老师提前就把PPT给我们预习了,内容看起来真的很多.不过在课堂上学习的时候,并没有感觉到有太吃力.老师总能用简短有效的例子和代码,把问题讲解清楚.
1.JavaScript相对支持好的IDE.Aptana.今天还真的头一次使用.原来一直用MyEclipse或Eclipse对JavaScript开发,支持的不是很好,有时候很费劲.有了这个大大的提高了效率.界面和原来用的Eclipse都是一样的,所有今天虽然第一次时候,但也不是很别手.很快就用这个IDE写了一个JavaScript的HelloWorld.很好的开始.
2.方法是使用:
获取元素节点:var bj = document.getElementById("bj");
获取属性节点:var nameNode = bj.getAttributeNode("name");
获取元素节点的 nodeName 属性值:bj.nodeName
获取属性节点的值:var name = bj.getAttribute("name"); alert(name);
获取元素节点的 nodeValue 属性值, 返回 null:bj.nodeValue
3.点击任何 li 节点, 弹出对应的文本值
思路:
①获取所有的 li 节点
②为每个 li 节点添加 onclick 事件
③在相应函数中弹出当前节点的文本值
在②和③步中,使用了for循环.
4.点击任何 li 节点, 对节点内容进行修改.
在这里要注意,关于节点的属性: 只读 -- nodeName, nodeTy