Java Script and HTML.
•
1 j'aime•639 vues
A simple tutorial to edit the HTML using Java Script
Recommandé
Contenu connexe
Tendances
Tendances (20)
En vedette
En vedette (20)
Similaire à Java Script and HTML.
Similaire à Java Script and HTML. (20)
Dernier
Dernier (20)
Java Script and HTML.
- 1. SLICING AND PLAYING WITH HTML Learning Java Script Editing
- 2. What is it? Slicing HTML involves playing with the stuff on the HTML Page like “divs”, “select boxes”, “input boxes” and much-much more
- 3. Some key points Every element is associated with the ID. ID is used to access that object on the HTML page. And document.getElementById(“element_name”) will give you the power to access that element on the page. Now you are just one step away from altering/modifying the HTML page.
- 4. Key Points Cont… document.getElementByTagsName(“div”) will give you all the divs on the page. Again one step away from editing the page. Isnt is simple?
- 5. Key Points Cont… Inner HTML can be used to set the content of the page. The good/bad thing about Inner html is that it over writes what ever content is already associated with that element. Inner HTML replaces (over rides) already existing conetnt.
- 6. Document Object Model <html> <head></head> <body> <p id=”story”> Hey <strong>Akshat</strong> </p> </body> </html>
- 7. Main Properties to consider in the Dom tree nodeValue nodeType firstChild lastChild childNodes
- 8. What this refers to in the HTML Document.getElementByTagsName(“body”)[0].child Nodes[1].lastChild. Answer :- strong. Refer slide number 6 for HTML
- 9. Changing the node text var node = document.getElementBId(“story”); while(node.firstchild) node.removechild(node.firstchild); node.appendchild(document.createTextNode(“OK Finally”));
- 10. Creating a new Element var paragraph =document.createElement(p) – Just specify the tag name here paragraph.appendchild(document.createTextNode(“T he text in the paragraph”)); document.getElementbyId(“story”).appendchild(parag raph);