html 实现收藏功能实现 js实现网页收藏功能

本文实例讲述了js实现动态添加或删除网址功能的方法。分享给大家供大家参考，具体如下：

运行效果图：

具体代码如下

脚本之家

function add(){

var name = document.getElementById("name").value;

var url = document.getElementById("url").value;

var list = document.getElementById("list");

//动态创建节点

var link = document.createElement("a");

link.setAttribute("href",url); //设置属性

link.innerHTML = name;

//增加删除的按钮

var button = document.createElement("input");

button.setAttribute("type","button");

button.value = "删除";

/**

(1).event对象表示对象的状态，提供了对象的相关细节,IE浏览器被

存储在 Window 对象的 event 属性中。

(2).srcElement属性是对于生成事件的 Window 对象、Document 对象或 Element 对象的引用

(3).parentNode 属性返回指定节点的父节点。

(4).removeChild() 方法删除子节点。

**/

button.onclick = function(event){

var target;

if (event == null)

{

target = window.event.srcElement;

}else{

target = event.target;

}

var div = target.parentNode;

div.parentNode.removeChild(div);

alert("删除成功");

}

//添加生成的内容

var div = document.createElement("div");

div.appendChild(button);

div.insertBefore(link,button);

list.appendChild(div);

}

站点名称：

网址：

希望本文所述对大家JavaScript程序设计有所帮助。