Heim JS-Spezialeffekte Andere Spezialeffekte js-Eingabeschlüsselwörter, um Tag-Code zu generieren

js-Eingabeschlüsselwörter, um Tag-Code zu generieren

js-Eingabeschlüsselwörter, um Tag-Code zu generieren

Ein sehr praktisches JS-Tool, mit dem Sie Schlüsselwörter eingeben können, um Tag-Codes zu generieren. Sie können auch unnötige Tags löschen.

JS-Code

<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>
Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

Wie kann ich Aufrufdiagramme für C-Code generieren, um Ausführungspfade zu verfolgen? Wie kann ich Aufrufdiagramme für C-Code generieren, um Ausführungspfade zu verfolgen?

14 Nov 2024

Generieren von Aufrufdiagrammen für C-Code zum Verfolgen von Ausführungspfaden. In der C-Programmierung das Identifizieren aller möglichen Ausführungspfade, die zu einem bestimmten ... führen.

Verschiedene Spezialeffekte des Filters in CSS3 Verschiedene Spezialeffekte des Filters in CSS3

09 Oct 2016

Verschiedene Spezialeffekte des Filters in CSS3

HTML5CSS3-Spezialeffekte – Ball springt auf und ab HTML5CSS3-Spezialeffekte – Ball springt auf und ab

14 Oct 2016

HTML5CSS3-Spezialeffekte – Ball springt auf und ab

javascript - Verwenden Sie natives JS, um Bilder an den Server zu senden, aber die Daten können nicht empfangen werden? (Siehe Beschreibung für Code und Screenshots) javascript - Verwenden Sie natives JS, um Bilder an den Server zu senden, aber die Daten können nicht empfangen werden? (Siehe Beschreibung für Code und Screenshots)

15 Sep 2016

Was Sie nach der Erfassung des Pakets sehen, ist ein Bild wie dieses. Der Name hat mehr Dinge wie Content-Disposition: form-data; Content-Type: image/jpeg. Als Ergebnis lautet der Text leer.

javascript – Gibt es eine Software oder ein Plug-In, das die gesamte URL extrahieren kann? javascript – Gibt es eine Software oder ein Plug-In, das die gesamte URL extrahieren kann?

04 Aug 2016

Ich habe einige gut aussehende Websites gesehen und wollte wissen, wie ihre Animationen und Spezialeffekte erstellt wurden. Gibt es eine Software oder ein Plug-in, das die gesamte URL einschließlich JS- und CSS-Stilen extrahieren kann?

Wie geht der Compiler mit der Kopiererstellung für Klassen um, die verschachtelte Objekte enthalten? Wie geht der Compiler mit der Kopiererstellung für Klassen um, die verschachtelte Objekte enthalten?

14 Nov 2024

Impliziter Kopierkonstruktor für Klassen, die andere Objekte enthaltenBeim Arbeiten mit Klassen, die andere Objekte enthalten, ist der Standardkopierkonstruktor...

Warum verwendet CSS2.1 einen anderen „Überlauf' als „sichtbar', um Blockformatierungskontexte zu erstellen? Warum verwendet CSS2.1 einen anderen „Überlauf' als „sichtbar', um Blockformatierungskontexte zu erstellen?

07 Dec 2024

Warum schreibt CSS2.1 andere Überlaufwerte als „sichtbar“ vor, um einen neuen Blockformatierungskontext einzurichten? In CSS2.1 sind andere Überlaufwerte als...

Wie kann ich den Namen der aufrufenden Methode in Python ermitteln? Wie kann ich den Namen der aufrufenden Methode in Python ermitteln?

10 Nov 2024

Ermitteln des Methodennamens des Aufrufers in PythonBei der objektorientierten Programmierung können Methoden häufig andere Methoden für dasselbe oder andere Objekte aufrufen....

jQuery vs. reines JavaScript für die URL-Umleitung: Welche Methode ist die beste? jQuery vs. reines JavaScript für die URL-Umleitung: Welche Methode ist die beste?

22 Dec 2024

Umleiten auf eine andere Webseite in der WebentwicklungWenn Sie versuchen, Benutzer auf eine andere Seite umzuleiten, nutzen Sie entweder jQuery oder pure...

See all articles See all articles

Hot Tools

jQuery+Html5 realisiert einen wunderschönen Geständnis-Animationscode

jQuery+Html5 realisiert einen wunderschönen Geständnis-Animationscode

jQuery + Html5 implementiert einen wunderschönen Geständnis-Animationscode, der Animationseffekt ist großartig, ein Muss für Programmierer zum Geständnis!

Js-Spezialeffektcode für das romantische Geständnis eines Paares

Js-Spezialeffektcode für das romantische Geständnis eines Paares

Paar romantisches Geständnis JS Special Effekt -Code, solche Spezialeffekte, können auf Websites für Hochzeitsfotografie verwendet werden, können auch in persönlichen Websites platziert werden, und auch eine gute Spezialeffekte, PHP Chinese -Website -Empfehlung Download!

Einfaches JS-Liebesgeständnis-Artefakt

Einfaches JS-Liebesgeständnis-Artefakt

Einfaches natives JS-Liebesgeständnis-Artefakt

Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker

Ausdrucksstarke HTML5-Partikelanimationseffekte von Bunker

Bunkers HTML5-Spezialeffektcode für Partikelanimationsausdrücke, der Text für Animationsspezialeffekte kann im Code geändert werden, Sie können eine Seite erstellen, Sie können die Texteingabe anpassen, es sollte sehr beliebt sein, dieser HTML5-Spezialeffekt ist sehr schön.

jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage

jQuery-Responsive Hintergrund-Anmeldeschnittstellenvorlage

HTML-Quellcode der responsiven Backend-Anmeldeschnittstelle von jQuery. Die Anmeldeseite verwendet JQuery, um das Formular zu überprüfen und festzustellen, ob die Anmeldeseite die Anforderungen erfüllt Seiten: Wenn der Browser hinein- oder herauszoomt, ändert der Hintergrund die Größe des Bildes entsprechend dem Browser! Die chinesische PHP-Website empfiehlt den Download!

Heißer Artikel