JAVAEE学习中接触到的javaScript

javaScript

 今天主要学习了javaScript的一些内容,因为只是简单的涉猎了一下,接触的东西都比较简单,所以感觉还可以。javaScript里面对我们最重要的就是DOM部分,要熟练运用里面的增删改查的操作。先根据自己的印象,把一下常用的方法写一下。因为我用的Eclipse下的javaEE模块编辑的,提示的内容很少,不像之前学基础的时候,写一个就会出来后面的提示,所以刚开始写的时候,方法和单词总出错。在这里再写一下,加深印象。

     先说比较简单的查找:

 ①、查找的话,如果根据标签名查找,就用:

     var aEle = document.getElementsByTagName(“”);

    注意这里得到的标签名都为指定内容的数组。

    如果根据id查找,就用:

    var aEle = document.getElementById(“”);

    如果根据标签里的name属性查找,就用:

    var aEle = document.getElementsByName(“”);

    当然,这里得到的也是数组。

   以上的方法,除了getElementById外,都可以用aEle代替document,来实现查找aEle节点范围内的节点。

   还可以根据该节点,查找父节点:

   var parentEle = aEle.parentNode();

   根据该节点,查找所有子节点:

   var childNodes = aEle.childNodes();

   根据该节点,查找第一个子节点

   var firstChild = aEle.firstChild();

②、如果需要对应标签名所需要的属性的话,直接点.加对应的属性名即可。如果需要修改,直接赋值就可以。

然后说一下删除:

删除的方法比较简单,就是父节点调用removeChild方法,参数为子节点)。

parentEle.removeChild(childEle);

当然可能还有很多删除的方法,也没继续了解,所以在做练习的时候一直在使用这个方法。

再说一下增加:

增加的话,就比较有意思了,像一个袋子一个袋子的装似得,现在举个例子。

<tr><td>例子</td> </tr>

完成上面的一行代码,需要以下几步:

var text = document.creatTextNode(例子);

var tdEle = document.creatElement(td);

var trEle = document.creatElement(tr);

tdEle.appendChild(text);//这步完成<td>例子</td>

trEle.appendChild(tdEle);//这步将上述代码用<tr></tr>再次装起来,完成<tr><td>例子</td> </tr>;

假如tdEle这个加入到trEle节点时,想插入到trEle里sEle子节点之前,可以调用方法:

trEle.insertBefore(tdEle , sEle);

假如tdEle这个加入到trEle节点时,想直接覆盖trEle里sEle子节点时,可以调用方法:

trEle.replaceChild(tdEle , sEle);

 最后说一下改:

 改就比较简单了,直接调用节点的属性,然后赋值即可。比如aEle节点的innerHTML属性更改为“北京”。

 var aEle = <p> 上海 </p>;

 aEle.innerHTML = 北京;

 结果就变为 <p> 北京 </p>;

 好的,今天就到这里了,需要多加练习才可以。这样才能为以后打好基础。

<!--EndFragment-->

猜你喜欢

转载自zxb9181213.iteye.com/blog/2267526
今日推荐