Sun Dial Menu
More on queryselectorall
Menu querySelectorAll()
 

querySelectorAll() for Manipulation of the DOM

When I firat looked at this Selector I was trying to develop a method to select menu entries on the menus that I was using. When found the menu options, links to other pages, could be set programatically. This is similar to what I am doing with my Contextual Page design

The querySelectorAll() method is a little too powerful and for the use of selecting the menu items the use of getElementsByClassName() would be more useful.

<script>
function myFunction() {
  var x = document.getElementsByClassName("menu li");
//  x[0].style.backgroundColor = "red";
}
</script>
Need a loop to display the innerHTML
If I want to dispaly them on the page

The example on my page on selecting elements in general is a little confusing. I started off selecting li tags and then expanded it to p tags. I found that I could select pretty much everything on the page (document object). While this could be good if that is what you wanted but I am not sure why you would want that.

Top Menu

Links

External Links Disabled.

tempusfugit.me.uk is a non-commercial website. No payment or benefit is gained by the placement of links toother websites.

The External link is disabled to on this page, please visit other pages

Unlike most genealogical research websites tempusfugit.me.uk does not attempt to get you to "sign-up" when you click on one of their links.

This Wikipedia link is disabled.

The link on Wikipedia was to:

External Links Disabled.

tempusfugit.me.uk is a non-commercial website. No payment or benefit is gained by the placement of links to other websites.

The External link is disabled to on this page, please visit other pages

Top

External Links - references

Site design by Tempusfugit Web Design -