html实现收藏功能实现,js实现⽹页收藏功能本⽂实例讲述了js实现动态添加或删除⽹址功能的⽅法。分享给⼤家供⼤家参考,具体如下:
运⾏效果图:
具体代码如下
脚本之家
function add(){
var name = ElementById("name").value;
var url = ElementById("url").value;javascript动态效果
var list = ElementById("list");
//动态创建节点
var link = ateElement("a");
link.setAttribute("href",url); //设置属性
link.innerHTML = name;
//增加删除的按钮
var button = ateElement("input");
button.setAttribute("type","button");
button.value = "删除";
/**
(1).event对象表⽰对象的状态,提供了对象的相关细节,IE浏览器被
存储在 Window 对象的 event 属性中。
(2).srcElement属性是对于⽣成事件的 Window 对象、Document 对象或 Element 对象的引⽤
(3).parentNode 属性返回指定节点的⽗节点。
(4).removeChild() ⽅法删除⼦节点。
**/
var target;
if (event == null)
{
target = window.event.srcElement;
}else{
target = event.target;
}
var div = target.parentNode;
veChild(div);
alert("删除成功");
}
/
/添加⽣成的内容
var div = ateElement("div");
div.appendChild(button);
div.insertBefore(link,button);
list.appendChild(div);
}
站点名称:
⽹址:
希望本⽂所述对⼤家JavaScript程序设计有所帮助。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论