日期:2014-05-16  浏览次数:20393 次

可否在利用函数创建一个<p>元素时赋予id和onclick属性
<!DOCTYPE html>

<html>
<head>
<title>
</title>


</head>


<body>
<div align="center">
<br>
<br>
<br>
<button onclick="add()">ADD</button>
<button onclick="delete()">DELETE</button>

</div>

<div name="target" id="target" align="center">


</div>

<script>
function add() {
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);
var element=document.getElementById("target");
element.appendChild(para);
}


</script>

</body>

</html>

想实现的功能是点击add按钮添加一个<p>,然后点击delete时删除一个<p>
add功能已实现,
想通过给每个添加的<p>元素赋一个id属性和一个onclick属性,onclick实现把自身的id传给temp变量,点击delete按钮后删除temp保存的id对应的<p>元素从而实现delete功能。

------解决方案--------------------
onclick实现把自身的id传给temp变量,点击delete按钮后删除temp保存的id对应的<p>元素从而实现delete功能。

re:

哪用这么费劲,只要delete函数触发就可以知道它的事件源,再根据事件源找你要删除的元素