Html—幾個神奇的概念

(1)children/childNodes
children只返回html節點,不返回文本節點;(更實用)不符合w3c標準,IE和chrome可用,但是FireFox不支持。

childNodes返回指定元素的子元素集合,包括文本,文本也是一個字元素。(W3C:http://www.w3school.com.cn/tiy/t.asp?f=jsref_node_childnodes)

parentNodes parentElement http://www.jb51.net/article/44517.htm

詳細分析:http://www.cnblogs.com/snandy/archive/2011/03/11/1980085.html
(2)innerHtml和innerText
<div id='myDiv'><p>文本</p></div>
innerHtml是某個元素中包含的所有信息,包含html標籤
innerText從起始位置到終止位置的內容,但是它出去了html標籤
var tmp=document.getElmentById('myDiv').innerHtml; //<p>文本</p>

var tmp1=document.getElmentById('myDiv').innerText; //文本

(3)append()/appendTo()
append()和appendTo()是Jquery的方法,所以其前後都必須是Jquery對象;
appendChild() 這個是js的方法。

(4)hover mouseover/mouseout/mouseenter/mouseleave
hover既是css的一個僞類,如 a:hover{};也是Jquery的一個方法
$(selector).hover(infun,outfun); 
hover != mouseover+mouserout
hover  = mouseenter+mouseleave
mouseover 鼠標指針經過任何子元素都會觸發綁定在父級元素上的mouseover事件
mouseout   鼠標指針離開任何子元素都會觸發綁定在父級元素上的mouseout事件
mouseover、mouserout引起事件冒泡
mouseenter  只有當鼠標指針經過綁定的元素時纔會觸發事件,經過其子元素時,不會觸發
mouseleave   只有當鼠標離開綁定的元素時纔會觸發該事件

參考:http://blog.csdn.net/lyc_2011_acm/article/details/8830720

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章