Programming Forums - Adding div elements with JavaScript

Programming Forums (http://www.programmingforums.org/forumindex.php)

- JavaScript and Client-Side Browser Scripting (http://www.programmingforums.org/forum23.html)

- - Adding div elements with JavaScript (http://www.programmingforums.org/showthread.php?t=12659)

Adding div elements with JavaScript

I have a page which lists information on courses Link. I am trying to create a back to top link after the information for each course.

Each section describing a course looks like this



<div class="article">

    <div class="courseTitle">SCI202    CHEMISTRY 1.0 Cr.<a name="chemistry" id="chemistry"></a></div>

    <div class="courseCategory">Prereq:</div>

    <div class="content">Having passed Integrated Physics and Algebra 1 or Algebra A-B.</div>

<div class="courseCategory">Description:</div>

    <div class="content">

        <p>This course is designed for sophomores who have successfully completed Integrated Physics and Algebra 1 or Algebra A-B.  The subject matter includes the study of the following topics: scientific methods, matter, energy, atoms (behavior and interactions), periodic table, gases, liquids, solids and stoichiometry.  This course is designed to give the student an overview of the basic concepts of chemistry, including how chemistry relates to biology, physics, and earth science.  Students will use various forms of technology to collect, analyze, and report data.</p><p><strong>This course is required and is a prerequisite for biology.</strong></p>

</div>

</div>

How would I go about adding a .backUp element after the last content section within the article?

Any hints or tips are welcome.

Place something like:

<a name="top"/>

At the top of the page, and:

<a href="#top">Back to top</a>

At the bottom.

I know I can do that. However I am looking for a way to automatically add that link after every section describing a class. I hope this clears things up.

Oh, I see. I'd recommend first getting Prototype, which is a widely used javascript library that makes tasks like these so much easier. And then maybe something like:

document.getElementsByClassName("article").each(function(article) {
    new Insersion.Bottom(article,
        '<div class="content"><a href="#top">Return to top</a></div>')
}

I actually figured it out, but it was much messier than what you did. I think I will check out Prototype.

Thanks.