首頁(yè) 猿問(wèn) innerHTML+=添加內(nèi)容,為...

innerHTML+=添加內(nèi)容,為什么會(huì)取消把相鄰兄弟級(jí)的效果oDiv2事件沒(méi)有了

JavaScript

慕少1338687 2016-08-29 11:08:53

<body>? <div id="div1">? ? <div id="div2"></div>? </div>? ? <script>? ? var oDiv1 = document.getElementById('div1');? ? var oDiv2 = document.getElementById('div2');? ? oDiv2.onclick = function(){? ? ? alert(123);? ? };? ? oDiv1.innerHTML += "<p>醬油文字。</p>";? ? /*? ? ? ?為什么 oDiv2 的事件沒(méi)有了？? ? */

查看完整描述

1 回答

Caballarii

TA貢獻(xiàn)1123條經(jīng)驗(yàn) 獲得超629個(gè)贊

你這是父子級(jí)，不是兄弟級(jí)，innerHTML直接把div2改搞沒(méi)了

反對(duì) 回復(fù) 2016-08-29

慕少1338687
如果用的是{=innerHTML}的話會(huì)把前面的覆蓋,但是我用的是 {+=innerHTML},為什么還會(huì)把odiv2事件弄沒(méi)了呢?

回復(fù) 2016-08-29
Caballarii
oDiv1.innerHTML += "<p>醬油文字。</p>";實(shí)際是吧div1里的html拿出來(lái)，加上一段以后，再用{=innerHTML}覆蓋div1里的內(nèi)容。 oDiv1.innerHTML += "<p>醬油文字。</p>";等價(jià)于oDiv1.innerHTML=oDiv1.innerHTML+ "<p>醬油文字。</p>"; 雖然div2那邊的html看上去一樣，但div2已經(jīng)不存在了

回復(fù) 2016-08-29
慕少1338687
有點(diǎn)明白啦,謝謝大神!

回復(fù) 2016-08-29