<!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功能。
<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功能。
re:id属性的值来自于哪里呢
先点击一个add出来的<p>,然后点击delete键删除该<p>元素。
先点击一个add出来的<p>,然后点击delete键删除该<p>元素。delete键是p元素的内部?还是全页面只有一个
function del(){
var target = document.getElementById("target")
var para = target.getElementsByTagName("p");
if(para.length > 0){
target.removeChild(para[para.length-1]);
}
}
函数 delete() 改成 del(),要不然报错。