重温B/S所学知识(二)—JavaScript

          前一阵在跟做IToo项目时，总是感觉自己在JS这一块什么都不懂，也不知道如何去编写JS代码，甚至刚开始不知道如何将前台的信息传到后台中。当时感觉跟做ITOO可费劲了。。

      不过还好的是通过师傅的提醒，自己实际去w3school网站上将网站上的例子基本上都试着敲了一边，总算搞清了js到底是如何进行工作的。明白了JS如何获取页面信息，又是如何将获取到的信息传递到后台的。

       个人理解其实js也是通过Html  dom对网页界面进行修改的。 因为HTML DOM是Html标准对象模型，是html的标准编程接口，在Html DOM中定义来所有html元素的对象和属性，以及访问他们的方法。用最直白的话来说，Html dom是关于如何获取、修改、添加或删除HTML元素的标准。

         下面简单介绍一下经常用HTML DOM 方法和属性。

方法：

        getElementById(id) - 获取带有指定 id 的节点（元素）。

        appendChild(node) - 插入新的子节点（元素）。

        removeChild(node) - 删除子节点（元素）。

属性：

       innerHTML - 节点（元素）的文本值。
       parentNode - 节点（元素）的父节点。
       childNodes - 节点（元素）的子节点。
       attributes - 节点（元素）的属性节点。

示例插入新元素：

<div id="div1"><p id="p1">This is a paragraph.</p><p id="p2">This is another paragraph.</p></div><script>var para=document.createElement("p");var node=document.createTextNode("This is new.");para.appendChild(node);var element=document.getElementById("div1");element.appendChild(para);</script>

上面代码显示结果：

 其他的方法和属性的实际运用我就不在这里过多演示了，大家 有兴趣可以去www.w3school.com.cn这个网站去实践一下。

        通过对JS的重新温故，感觉js里面的新学到东西其实也没有多少，大多数都是我们学过，可能因为之前的基础不扎实，所以才造成了，自己一开感觉巧程序很费劲吧。现在自己在开ITOO的js代码，感觉很简单。