parentnode:父級節點
父孩子var i=document。getelementbyid(『a2』).parentnode;
console.log('i');//會查詢到a2元素的父節點
childnodes:子級節點集
父孩子var i=document。getelementbyid(『a1』).childnodes;
console.log('i');//會查詢a1的所有子級節點,回車是乙個text節點
firstchild:第乙個子級節點
var i=document。getelementbyid(『a1』).firstchild;
console.log('i');
lastchild:最後乙個子級節點
var i=document。getelementbyid(『a1』).lastchild;
console.log('i');
nextsibling:同級下乙個節點
var i=document。getelementbyid(『a1』).nextsibling;
console.log('i');
previoussibling:同級上乙個節點
var i=document。getelementbyid(『a1』).previoussibling;
console.log('i');
阻止事件冒泡
1.e.stoppropagation();阻止事件分配到其他節點,父級事件不再顯示;
點123點我
document.getelementbyid('p').onclick=function(e);//點選點我時會彈框1,加上e.stoppropagation();後點點我時只會出現彈框1
document.getelementbyid('d').onclick=function();//點選點123時會彈框2
2.return false; js只會阻止預設行為,若有跳轉頁面將會阻止,jq阻止預設又防止冒泡;
點我連線
document.getelementbyid('p').onclick=function(e);//點選連線,先出彈框1後跳轉01.html頁面,加return false;將不再跳轉頁面
document.getelementbyid('d').onclick=function();
3.event.preventdefault();取消事件的預設動作,若有跳轉頁面將阻止
點我連線
document.getelementbyid('p').onclick=function(e);//點選連線,先出彈框1後彈出彈框2,e.preventdefault將不再跳轉頁面
document.getelementbyid('d').onclick=function();
js阻止事件冒泡
今天遇到乙個小問題 li div div本身有click事件 然後li也有click事件 當觸發li標籤的click事件時,div的click事件也會觸發 因此加了e.stoppropagation 來阻止事件冒泡 但是firefox對e不相容,於是加了e e window.event e e wi...
js阻止事件冒泡
比如上面這個頁面,分為三層 divone是第外層,divtwo中間層,hr three是最裡層 他們都有各自的click事件,最裡層a標籤還有href屬性。執行頁面,點選 點選我 會依次彈出 我是最裡層 我是中間層 我是最外層 這就是事件冒泡,本來我只點選id為hr three的標籤,但是確執行了三...
JS阻止事件冒泡,阻止預設事件
1 event.stoppropagation 阻止冒泡事件,不讓事件向documen上蔓延,但是預設事件任然會執行,當你掉用這個方法的時候,如果點選乙個鏈結,這個鏈結仍然會被開啟 2 event.preventdefault 阻止預設事件,呼叫此方法是,鏈結不會被開啟,但是會發生冒泡,冒泡會傳遞到...