㈠ 如何給a元素寫個js程序刪除當前元素的父元素下的html內容
可以參考以下編程
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>e演示</title>
<scripttype="text/javascript">
functiondeleteElement(Obj){
Obj.parentNode.parentNode.removeChild(Obj.parentNode);
}
</script>
</head>
<body>
<ulclass="list2">
<li>
<imgalt=""src="1.jpg"/>
<div>mingzi1</div>
<aonclick="deleteElement(this)">刪除</a>
</li>
<li>
<imgalt=""src="2.jpg"/>
<div>mingzi2</div>
<aonclick="deleteElement(this)">刪除</a>
</li>
<li>
<imgalt=""src="3.jpg"/>
<div>mingzi3</div>
<aonclick="deleteElement(this)">刪除</a>
</li>
</ul>
</body>
</html>
㈡ js實現,div如何讓其子標簽忽視父標簽上的滑鼠事件
阻止冒泡事件,可以只執行當前元素事件而不會向上觸發父元素的事件,你去找一下怎麼阻止冒泡
㈢ 用JS 刪除A鏈接的父元素里所有的內容a有CLASS,怎麼寫
首先要取到A元素 你通過class 如果用原生JS 需要封一個函數來取
因為這里只有1個A 所以可以用
var oDiv=document.getElementById('one');
var oA=oDiv.getElementsByTagName('a')[0];
var aDiv=oDiv.getElementsByTagName('div')[0];
在DOM樹里 把第一個class為fl 的DIV 刪了
oA.onclick=function(){
oDiv.removeChild(aDiv)
}
㈣ JS怎麼實現子元素mousedown不觸發父元素的click事件
在子頁面調用阻止往父級冒泡回的方法答
function stopBubble(e){
if(e && e.stopPropagation){
e.stopPropagation(); //w3c
}else{
window.event.cancelBubble=true; //IE
}
};
㈤ js怎麼通過阻止父元素事件和所有子元素事件
你說的這個應該是對於注冊了同樣的某個事件的父元素和子元素的操作吧:
① 阻止父元素事件,就是阻止事件冒泡,子元素的事件觸發不要帶動父元素的同一個事件:
② 阻止子元素事件,就是阻止事件捕獲,一般不必這樣做;
③ 當然,若想要注冊的事件都失效,可以設置事件為null:
document.body.onclick = null;
㈥ JS怎麼實現子元素mousedown不觸發父元素的click事件
可以嘗試在子元素的mousedown事件函數中用event.cancelBubble=true;取消事件冒泡
㈦ 子元素觸發了父元素的onmouseout事件。怎麼解決能讓子元素不觸發
這就是一個阻止冒泡,你搜出來的那個是jq裡面封裝的阻止冒泡的方法,很好用,js裡面相對來說復雜很多
function stopPropagation(e) {
e = e || window.event;
if(e.stopPropagation) { //W3C阻止冒泡方法
e.stopPropagation();
} else {
e.cancelBubble = true; //IE阻止冒泡方法
}
}
document.getElementById('need_hide').onclick = function(e) {
stopPropagation(e);
}