Home/ Questions/Q 6384173
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T02:44:33+00:00

Consider the following DOM manipulation problem: I need to create a span tag after

  • 0

Consider the following DOM manipulation problem: I need to create a span tag after clicking on some link. Because of speeding up the process I prefer using document.createElement()(pure Javascript) instead of the Jquery methods of creating HTML elements. The following code compiles properly but isn’t working (maybe because of interferention between Javascript and Jquery). Any help will be greatly appreciated.

<body>
        <a href="#">Create thumbnails</a>
        <script type="text/javascript">
            $('a').click(function(e) {
                var newSpan=null;
                newSpan = document.createElement('span');
                newSpan.setAttribute('class','themes');
                $('.themes').html('themes');
                $('.themes').appendTo('body');
                return false;
            });
        </script>
    </body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try the following:

    <body>
    <a href="#">Create thumbnails</a>
    <script type="text/javascript">
        $('a').click(function(e) {
            var newSpan=null;
            newSpan = document.createElement('span');
            newSpan.setAttribute('class','themes');
            $(newSpan).html('themes');
            $(newSpan).appendTo('body');
            return false;
        });
    </script>
</body>

    Using $(".themes") as a selector will search the document for elements with the class “theme”, not the newSpan element in your function. You have to use newSpan as your selector until it is appended to your document.

    • 0