
更多>
最新下载
24小时阅读排行榜
- 1 打开Photoshop提示暂存盘已满无法使用的解决方法
- 2 Python虚拟现实 Python VR开发环境配置
- 3 JS中的localStorage怎么用?能存什么?
- 4 Python中如何使用静态方法?
- 5 微信怎么设置夜间模式 微信深色模式开启教程
- 6 什么是C++中的安全字符串处理?
- 7 新手必看!DeepSeekAI生成标题技巧,小红书梗图点击率提升50%!
- 8 Python中setup.py作用 传统Python包配置setup.py文件编写指南
- 9 学习通视频课程怎么加速播放 学习通视频课程倍速播放设置
- 10 轻颜相机怎么拍动态照片 动态照片拍摄全攻略
- 11 Opensea通过OS2升级再次证明了它的弹性
- 12 python中pip的安装与使用 python包管理工具pip命令大全
- 13 美图秀秀如何调整照片比例?美图秀秀裁剪缩放技巧分享!
- 14 如何动态地向类添加方法?
- 15 Python中enum枚举类型 Python3中enum模块创建枚举类详解
更多>
最新教程
-
- 麻省理工大佬Python课程
- 9434 2024-05-31
-
- Swoole5 Hyperf3 php8新版本协程框架讲说
- 12027 2024-05-13
-
- 【web前端】Node.js快速入门
- 7913 2024-04-26
-
- 国外Web开发全栈课程全集
- 7831 2024-04-24
-
- Go语言实战之 GraphQL
- 5626 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 6439 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