一、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
(#换成@)。