<!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功能。
解决方案 »
- js checkbox 问题!!!急 。。。。
- 用JQ仿新浪“发送中”,然后自动转换“发送成功”,最后刷新页面,防止重复提交表单
- 我想每5分钟获得一次全屏幕的鼠标移动事件,并将结果发送到xxx.php
- 怎么加参数,类似于这样window.opener.location.href=window.opener.location.href?id=...
- 关于网页内容链接,很头痛的问题....请大家帮帮我。
- 获取当前时间并处理后在一个文本输入框显示,代码那里错了?
- 奇怪的问题,烦死人了!!!简单的Window.open(status=no)为什么每次都有状态条????
- 一个难以明白的问题?
- 大家帮我看一下这段代码,为什么节点装得顺序不对
- 一个层上定义了onmouseout事件,但是鼠标还没有滑出该层,该层的onmouseout事件就发生了,何故?附源码
- 高分求教js问题
- swfupload异常
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(),要不然报错。