你的位置:首页 > 软件开发 > Java > 数往知来JavaScript_DOM十

数往知来JavaScript_DOM十

发布时间:2015-09-08 17:00:04
一、DOM 1、onclick事件 表示点击 一般用在--》跳转 a标签,希望点击的时候不去跳转,而是做别的事情,并在里面返回一个false <a href="http://www..." onclick="return false&q ...

一、DOM

  1、onclick事件

表示点击

一般用在--》跳转

a标签,希望点击的时候不去跳转,而是做别的事情,并在里面返回一个false

<a href="http://www..." onclick="return false"></a>

       --》注册

用法:onclick="js代码";

      onclick=方法名;

2、节点中的常用属性

  --》nodeType

有12种取值,常用的: 元素  1  ,属性  2  ,文本 3  。

  --》nodeName

获得节点的名字

  --》nodeValue

获得节点的值

  --》childNodes

获得某个节点下的所有子节点,返回一个集合

  -->firstChild

获得某个节点下的第一个子节点

  -->lastChild

获得某节点下的最后一个字节点

注意:在谷歌浏览器与火狐浏览器中对于节点的描述与IE8的描述不同(IE9以上可能与谷歌的类似)

<ul>

<li></li>

<li></li>

</ul>

IE8在解释该结构的时候认为ul节点的子节点为<li>和<li>,所以IE8描述这个ul下面只有两个li元素子节点

而谷歌、火狐浏览器在解释结构的时候会认为ul和li之间还有一个换行(\n)它也会认为是一个空文字子节点,所以在使用firstChild获取第一个字节点的时候

在谷歌、火狐浏览器上面会得到一个空对象会报错使用的时候需要注意

3、常用方法

---》getElementById

获取指定id所对应的节点

   var elements= document.getElementById("123");

   <p id="123">

第二段</p>

<p>

---》getElementsByTagName

获取某个元素的节点名字

var ul=document.getElementsByTagName('ul')[0]; 获取整个html页面里的第一ul元素

---》 getAttribute

获取某个元素的指定的属性,返回属性的值

window.onload=function(){var node=document.getElementsByTagName('a')[0];var href=node.getAttribute('href');alert(href);}

原标题:数往知来JavaScript_DOM十

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。