DOM:- (Document object model)

 DOM:- (Document object model)


-document object model is representing all types of document process.

-document object model is used to document keyword.


-there are following implementation used in document object model 

  

  1)display title of the document:-

  2)display URL of the document:-

  3)display number of the link of the document:-

  4)display number of the image of the document:-



1)display title of the document:-


-title print karana ho tb 


<html>

<head>

<title> THIS IS MY FIRST APPLICATION </title>

<script language="JavaScript"> 


 function display()

 {

 document.getElementById("P1").innerHTML=document.title;


 }


</script>

</head>

<body>

<p id="P1"> </p>

<br>

<button onclick="display()"> SUBMIT </button>

</body>

</html>



2)display URL of the document:-


-link print karane ke liye use hota hai 



<html>

<head>

<script language="JavaScript">


  function display()

  {

  document.getElementById("p1").innerHTML=document.URL;

  }


</script>

</head>

<body>

<p id="p1"> </p>

<br>

<button onclick="display()"> SUBMIT </button>

</body>

</html>



3)display number of the links of the document:-


- number of links show hojayega agr jitney bhi page hai utne link count karega.

- number of link ko findout karte hai.



<html>

<head>

<script language="JavaScript">


  function display()

  {

   document.getElementById("p1").innerHTML=document.links.length;

  }


</script>

</head>

<body>

<a href="a.html"> PAGE 1 </a> 

<br>

<a href="b.html"> PAGE 2 </a>

<br>

<a href="c.html"> PAGE 3 </a>

<br>

<a href="d.html"> PAGE 4 </a>

<br>

<p id="p1"> </p>

<br>

<button onclick="display()"> SUBMIT </button>

</body>

</html>




4)display number of the image of the document:-


- imges number of images ko findout karte hai.



<html>

<head>

<script language="JavaScript">


  function display()

  {

  document.getElementById("p1").innerHTML=document.images.length;

  }


</script>

</head>

<body>

<img src="a.jpg">

<br>

<img src="b.jpg">

<br>

<img src="c.jpg">

<br>

<img src="d.jpg">

<br>

<p id="p1"> </p>

<br>

<button onclick="display()"> SUBMIT </button>

</body>

</html>



ASSIGMENT:-


combined all document implementation inside single program.


Comments

Post a Comment

Popular posts from this blog

HTML FORMS

 HTML FORMS:- 1)forms is communication between user to web page 2) all form used to created inside the <form> tag3) there are following control used in form.    1. textbox control    2. password box control   3. redio button control    4. checkbox control   5. text area control    6. drop down list control   7. button control  <HTML> <BODY> <FORM>  ENTER YOUR NAME  <BR> <input type="text"> <BR>  enter your password <BR> <input type="Password"> <BR> select your gender <BR> Male-<input type="radio"> ( single selection)  <BR> select your course  <BR> MBA-<input type="checkbox"> MCA-<input type="checkbox"> <BR> select your city <BR> <select> <option>Nagpur </option> <option> pune </option> <option> Mumbai </option> </select> <BR> write your qu...
Read more

condition management IF, ELSE, ELSEIF

  condition management:- if-else,else-if, else-otherwise ke jagh pe else = if =condition IF & ELSE:- <html> <head> <script language="JavaScript">  var age;  age=parseInt(prompt ("enter your age"));  if(age>18)  {  document.write("you can vote");  }  else  {  document.write("you can not vote");  }  </script> </head> </html> ELSEIF:- -elseif=multiple condition pe elseif - last mei single else complusory var per;   per=parseInt(prompt("enter your percentage"));   if(per>=60)   {   document.write("A grade");   }   else if(per>50 && per<60)   {   document.write("B grade");   }   else if(per>40 && per<50)   {   document.write("C grade");   }   else   {   document.write("fail");   }
Read more

HTML NOTES

 HTML Language  1 html is called hyper text mark up language  2 what is hyper- representing next location  text - text is collection of number, symbol, words ex.- amit@001  3 mark up - mark up is libarary is used to operate html program  4 language- mediater    HTML istructured  is called tag  tag is representing- <>  ex B tag- this is wrong concept          -<B>  ex. U tag = <U> ex. I tag = <I>     P tag = <P> types of tag in HTML:- there are two types of tag used in HTML  1- open tag  2- close tag  1- open tag= in this tag only used 1 time in program ex.<B>, <U>, <I>,  2- close tag= in this type of tag is used two time in program and tag is to be closed / symbol  ex. quw. B is close tag       ans.<B>    </B> U is close tag  <U>    </U> I is open tag = ...
Read more