1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Elemente zu mehreren Tags hunzufügen

Dieses Thema im Forum "Javascript & Ajax" wurde erstellt von caradelevingne73, 21. Dezember 2016.

  1. caradelevingne73

    caradelevingne73 Gesperrt

    JS:

    Code (Javascript):
    1. function $(selector) {
    2.  
    3.    var resultObject = {
    4.        append: function (element) {
    5.            var parser = new DOMParser();
    6.            var dos = parser.parseFromString(element, "text/html");
    7.  
    8.            var all = dos.getElementsByTagName("body")[0];
    9.    
    10.            var elemWhichAppend = document.getElementsByTagName(selector);
    11.  
    12.            var children = all.childNodes;
    13.  
    14.  
    15.  
    16.          
    17.            for (var i = elemWhichAppend.length-1; i >=0; i--) {
    18.  
    19.                var msgContainer = document.createDocumentFragment();
    20.                var children = all.childNodes;
    21.  
    22.                for (var child = 0; child < children.length; child++) {
    23.                    var al = children[child];
    24.                    msgContainer.appendChild(al);
    25.                }
    26.                insertAfter(msgContainer, elemWhichAppend[I]);
    27.  
    28.            }
    29.  
    30.  
    31.  
    32.        }
    33.    }
    34.    return resultObject;
    35. }
    36. function insertAfter(newNode, referenceNode) {
    37.    referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
    38. }
    HTML:
    Code (HTML5):
    1. <!DOCTYPE html>
    2.    <title></title>
    3.    <meta charset="utf-8" />
    4.    <script src="jqueryjs.js"></script>
    5. </head>
    6.    <h1 class="testing">APPEND</h1>
    7.    <p>Hallo, ich bin ein P TAG </p>
    8.    <h1 class="testing">APPEND2</h1>
    9.    <p>BADGL</p>
    10.    <input type="button" value="append tag/text " onclick="$('p').append('<ul><li>RIBA RIBI<ul><li>FRANK RIBERY</li></ul></li></ul> <h1>NIGOGOG</h1> ich sollte appendet');" />
    11. </body>
    12. </html>
    Beim ausführen des Programmes wir nur beim letzten teil appendet. Zum erste t append er den string nicht. Liegt es an "ich sollte appendet", immerhin wird dieses beim 2Tag auch nicht appendet.[/I]
     
    DerAskTyp gefällt das.
  2. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Achtung, Achtung: es folgt eine wichtige Durchsage!

    Zwei kreative Köpfe wollen sich einen Spaß erlauben, und uns das selbe Script mit zwei konträren Verhaltensmustern verkaufen :p

    @sheel Bitte die IPs von einem mutmaßlich konspirativ agierenden Forentroll(paar) überprüfen/quervergleichen/bannen :D

    Ansonsten..., alles wie gehabt:
    Fiddle #2: https://jsfiddle.net/SpiceLab/jLz7wums/
     
    sheel gefällt das.
  3. caradelevingne73

    caradelevingne73 Gesperrt

    Zuletzt bearbeitet: 21. Dezember 2016
  4. SpiceLab

    SpiceLab ZENmechanic Premium-User

    In diesem Fall wohl kaum. Wenn das System der Entwicklungsumgebung nicht passt, läuft das Script überhaupt nicht.

    Aber wie ich es eben schon durchklingen ließ, halte ich Deine/Eure beiden Themen bei gleichem JS-Code mit gegensätzlichem Verhaltensmuster für einen Fake! :-]
     
    sheel gefällt das.
  5. caradelevingne73

    caradelevingne73 Gesperrt

  6. sheel

    sheel I love Asm Administrator

    Noch dazu: Sich selber auch noch bei den eigenen Beiträgen bedanken?
    ...
    Weißt du, Zeit verschwenden können wir auch ohne dich.
    Falls du in den nächsten Tagen wirklich Hilfe beim Programmieren brauchst kannst du sie dir wo anders suchen.
     
    SpiceLab gefällt das.
  7. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Hast Du fein gemacht :)

    ... und hat mich mein sechster Sinn doch nicht im Stich gelassen :D:cool:
     
Die Seite wird geladen...