
更多>
最新下载
24小时阅读排行榜
- 1 Win10如何恢复出厂设置 Win10恢复出厂设置的完整流程
- 2 夸克怎么压缩图片 夸克怎么批量压缩
- 3 夸克怎么定位导航 夸克怎么离线地图
- 4 夸克怎么设置密码 夸克怎么指纹解锁
- 5 微信小程序开发教程 微信小程序开发入门指南
- 6 夸克怎么查看版本 夸克怎么升级更新
- 7 没了工作很无助?这几种日结兼职帮你渡过难关!
- 8 win11磁盘占用率100%怎么办 win11磁盘占用率过高解决方法
- 9 Win10怎么设置屏幕分辨率 Win10设置屏幕分辨率的步骤
- 10 win11开机自启动程序过多怎么办 win11开机自启动程序管理方法
- 11 Python网页抓取 Python动态页面爬取方案
- 12 Win10如何优化游戏性能 Win10优化游戏性能的实用技巧
- 13 win11多显示器设置失效怎么办 win11多显示器设置失效修复技巧
- 14 夸克怎么创建表格 夸克怎么编辑文档
- 15 电脑鼠标失灵怎么办?4步排查修复,精准操控
更多>
最新教程
-
- 麻省理工大佬Python课程
- 9481 2024-05-31
-
- Swoole5 Hyperf3 php8新版本协程框架讲说
- 12075 2024-05-13
-
- 【web前端】Node.js快速入门
- 7950 2024-04-26
-
- 国外Web开发全栈课程全集
- 7876 2024-04-24
-
- Go语言实战之 GraphQL
- 5646 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 6461 2024-04-18
js输入关键词生成标签代码
js代码
<script type="text/javascript"> var tagcon = $("tagcon"); var addBox = $("addBox"); var addBtn = addBox.children[1]; var intxt = addBox.children[0]; var divs = tagcon.children; function $(id){ return document.getElementById(id) }//$获取元素函数封装 function crele(ele){ return document.createElement(ele); } //创建元素 function adson(father,son1,son2,son3,clas1,clas2,clas3,clas4,con1,con2){ father.appendChild(son1); father.appendChild(son2); father.appendChild(son3); father.className = clas1; son1.className = clas2; son2.className = clas3; son3.className = clas4; son1.innerHTML = con1; son3.innerHTML = con2; } //输入框聚焦和失焦的效果 intxt.onfocus = function(){ intxt.style.backgroundColor = "#fff"; } intxt.onblur = function () { intxt.style.backgroundColor = "#e3e3e3"; } //点击add按钮添加标签 addBtn.onclick = function () { if(intxt.value != ""){ var newdiv = crele("div"); var newem = crele("em"); var newspan = crele("span"); var newa = crele("a"); if(divs.length == 0){//最新添加的标签在最前边 tagcon.appendChild(newdiv); }else{ tagcon.insertBefore(newdiv,divs[0]) } adson(newdiv,newem,newspan,newa,"tag","tagtxt","move","closetag",intxt.value,"×") intxt.value = ""; }else{ alert("你还没有输入呢!"); } //console.log(links.length); newa.onclick = function () { this.parentNode.style.display = "none"; } } </script>


本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn