js实现网页收藏功能
本文实例讲述了射流研究…实现动态添加或删除网址功能的方法。分享给大家供大家参考,具体如下:
运行效果图:
具体代码如下
超文本标记语言标题我们/title meta charset='utf-8 '脚本函数add(){ var name=document。getelementbyid(' name ').价值;var URL=文档。getelementbyid(' URL ').价值;var列表=文档。getelementbyid(' list ');//动态创建节点var link=文档。创建元素(' a ');link.setAttribute('href ',URL);//设置属性link.innerHTML=name//增加删除的按钮var button=文档。创建元素(“输入”);button.setAttribute('type ',' button ');button.value='删除;/** (1).事件对象表示对象的状态,提供了对象的相关细节,IE浏览器被存储在窗户对象的事件属性中。 (2).加速属性是对于生成事件的窗户对象、文件对象或元素对象的引用(3).父节点属性返回指定节点的父节点。 (4).removeChild()方法删除子节点* */按钮。onclick=function(event){ var target;if(event==null){ target=window。事件。加速;} else { target=event . target } var div=target . parentnodediv。父节点。移除子级(div);警报('删除成功');} //添加生成的内容var div=文档。创建元素(' div ');div.appendChild(按钮);div.insertBefore(链接、按钮);名单。append child(div);}/脚本/头体整点站点名称:输入类型='text' name='name' id='name '网址:输入类型='text' name='url' id='url '输入类型='按钮'值='增加onclick=' add()' div id=' list '/div/body/html希望本文所述对大家Java脚本语言程序设计有所帮助。
版权声明:js实现网页收藏功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。