Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Retrieve a div inside a div

    I've written a Greasemonkey script to replace the Firefox title bar at woot.com with the item, price, and % left - http://userscripts.org/scripts/show/137091 The problem is that it only works on the main woot-off page - if home.woot is also having a woot-off, you still get the item name from the main page.

    Here is the source at home.woot:
    Code:
       <div class="offer woot-off ">
      <a class="info" href="http://home.woot.com/offers/smiths-electric-knife-sharpener-7#ref=home.woot.com/header/tab@3.9-home/daily">
      <div class="label">It's a Woot Off</div>
      <div class="title">Smith's Electric Knife Sharpener</div>
      <div class="price">
      <span class="price">$39.99</span>
      <span class="list-price">$99.99</span>
      <span class="percentage">60% off <span class="list-price-label">List Price</span></span>
      </div>
    I have tried several different ways to retrieve the title. Right now, I have:
    Code:
    var subpageItem = document.getElementsByClassName("offer woot-off ").getElementsByClassName("title")[0].innerHTML;
    What is the proper syntax? This seems like it should be so simple, but I'm just not getting it.

  • #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,620
    Thanks
    0
    Thanked 645 Times in 635 Posts
    The problem you have is that the top div in your HTML contains two classes "offer" and "woot-off" but you are searching for "offer woot-off ") which is an invalid class name because class names cannot contain spaces. Because it is invalid that nodelist will be empty.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •