Download presentation
Presentation is loading. Please wait.
1
HTML Markup language - controls appearance & content of a document Javascripts HTML tags trigger function execution events
2
function F1(p) { } JS Functions Defined JS Functions Execution Triggered by Events
3
id - uniquely identifies an HTML element used in place of name attribute get E lement B y I d ( id ) - lets you retrieve an HTML element - document.getElementById (id) How to access HTML Elements for processing.value attribute method"DOM'
4
How to use id & getElementById... in tandem To dynamically alter html elements On the client side
5
function F1(p) { } id attribute Hello id = 11 document. getElementById(p). firstChild.data="Goodbye" document. getElementById(p). style.background='tan' Access cell by id 1 st sub-element of Cell Event In Table data onclick="F1(id)" Change attribute
6
document head title cell by id firstChild data text src height Html element could have been an img tag with its attributes DOM Hierarchy
7
function F1(p) { } id = 11 firstChild.src="eagle.gif" document. getElementById(p). 1 st sub-element of Cell Event In Table onclick="F1(id)"
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.