首頁猿問 3個相同的div，怎么獲取到點擊的...

3個相同的div，怎么獲取到點擊的div，并刪除他？JS

JavaScript

19990000 2017-10-02 22:31:11

<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>Title</title> ????<style> ????????div{ ????????????width:80px; ????????????height:80px; ????????????border:1px?solid?#000; ????????} ????</style> </head> <body> <div?class="aaa"?id="p1"> ????<span>111</span> ????</div> <div?class="aaa"?id="p2"> ????<span>333</span> </div> <div?class="aaa"?id="p3"> ????<span>2222</span> </div> </body> </html>

查看完整描述

3 回答

已采納

千秋此意

TA貢獻158條經(jīng)驗獲得超188個贊

<!DOCTYPE?html>
<html>

<head>
????<meta?charset="UTF-8">
????<title>Title</title>
????<style>
????div?{
????????width:?80px;
????????height:?80px;
????????border:?1px?solid?#000;
????}
????</style>
</head>

<body>
????<div?id="p1">
????????<span>111</span>
????</div>
????<div?id="p2">
????????<span>333</span>
????</div>
????<div?id="p3">
????????<span>2222</span>
????</div>
</body>
<script>
????var?divs?=?document.querySelectorAll('div');

????for?(var?i?=?0;?i?<?divs.length;?i++)?{
????????divs[i].onclick?=?function()?{
????????????this.parentNode.removeChild(this);
????????}
????}
</script>

</html>

2 反對回復(fù) 2017-10-02

信者得救

TA貢獻22條經(jīng)驗獲得超10個贊

????document.body.addEventListener('click',?function(event)?{
????????if?(event.target.nodeName?===?'DIV')?{
????????????event.target.parentNode.removeChild(event.target);
????????}
????});

1 反對回復(fù) 2017-10-02