上了一天的课,很累,不过真的很充实.比自己学的效率要高很多,对技术的理解也提高了不少.对总结有充满了信心,感觉自己两个半月后一定能找到一个五千块以上的工作.哈哈!今天讲的是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
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去，偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。在这篇文章中，作者介绍了7个在IE和firefox中不同的JavaScript句法。
1. CSS "float" 值
访问一个给定CSS 值的最基本句法 ......
