DOM Exercise - JavaScript and the Document Object Model...

Info icon This preview shows pages 1–2. Sign up to view the full content.

JavaScript and the Document Object Model Here is a very partial list of methods and properties that allow you to access and manipulate the DOM. document.getElementById ( idname ): returns the node with id idname document.getElementsByTagName ( tag ): returns an array of nodes in the document with the tag tag E.g. var node = document.getElementByID(“photoid”); var nodearray = document.getElementsByTagname(“img”); mynode . firstChild : gives the first child node of mynode mynode . lastChild : gives the last child node of mynode mynode . parentNode : gives the parent node of mynode mynode . childNodes : gives an array of nodes consisting of the children (in order) of mynode Here are some examples of properties that can be altered in the DOM. myimgnode . src : the src file of an image tag mytextnode . nodeValue : the string of the text contained in a text node mytextinput . value : the string of text entered in a text input area mynode . style.color : the color of the mynode element mynode .
Image of page 1

Info icon This preview has intentionally blurred sections. Sign up to view the full version.

Image of page 2
This is the end of the preview. Sign up to access the rest of the document.
  • Spring '08
  • WILLIAMSON
  • Document Object Model, event handler, td class=, TH CLASS=

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern