జావాస్క్రిప్ట్ హెచ్టిఎంఎల్ డొమ్ - హెచ్టిఎంఎల్ మాడిఫై చేయండి

HTML DOM జావాస్క్రిప్ట్ అనుమతిస్తుంది హెడర్ ఎలిమెంట్ కంటెంట్ మార్చడానికి

హెడర్ అవుట్పుట్ స్ట్రీమ్ మార్చడం

జావాస్క్రిప్ట్ డైనమిక్ HTML కంటెంట్ సృష్టించగలదు

జావాస్క్రిప్ట్ లో ఉందిdocument.write() డిరెక్ట్లీ HTML అవుట్పుట్ స్ట్రీమ్ లో లువడానికి ఉపయోగించవచ్చు

ఉదాహరణ

<!DOCTYPE html>
<html>
<body>
<script>
document.write(Date());
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

డాక్యుమెంట్ లోడ్ అయ్యాక ఎప్పుడూ ఉపయోగించకూడదు document.write()ఇది డాక్యుమెంట్ ను పూర్తిగా అధిగమించగలదు.

హెడర్ కంటెంట్ మార్చడం

హెడర్ కంటెంట్ మార్చడానికి అత్యంత సులభమైన విధానం ఉంది ఉపయోగించండి innerHTML అటువంటి స్పష్టతలు.

ముఖ్యంగా హెడర్ కంటెంట్ మార్చడానికి ఈ సింటాక్స్ ఉపయోగించండి:

document.getElementById(id).innerHTML = కొత్త టెక్స్ట్

ఈ ఉదాహరణలో మార్చబడింది <p> ఎలిమెంట్ కంటెంట్:

ఉదాహరణ

<html>
<body>
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML = "hello kitty!";
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ వివరణం:

  • పైని HTML డాక్యుమెంట్ id="p1" యొక్క <p> ఎలిమెంట్ కలిగి ఉంది
  • మేము HTML DOM ఉపయోగించాము id="p1" ఈ ఎలిమెంట్ పొందడానికి
  • JavaScript ఈ ఎలిమెంట్ కంటెంట్ (innerHTML) ను "Hello Kitty!" చేసింది

ఈ ఉదాహరణలో మార్చబడింది <h1> ఎలిమెంట్ కంటెంట్:

ఉదాహరణ

<!DOCTYPE html>
<html>
<body>
<h1 id="header">Old Header</h1>
<script>
var element = document.getElementById("header");
element.innerHTML = "New Header";
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ వివరణం:

  • పైని HTML id="header" యొక్క ఒక <h1> ఎలిమెంట్ కలిగి ఉంది
  • మేము HTML DOM ఉపయోగించాము id="header" ఎలిమెంట్ పొందడానికి
  • JavaScript 更改此元素的内容（innerHTML）

అట్రిబ్యూట్ విలువ మార్చండి

హైల్ హైల్ అట్రిబ్యూట్ విలువను మార్చడానికి క్రింది సింటాక్స్ ఉపయోగించండి:

document.getElementById(id).అట్రిబ్యూట్ = new value

ఈ ఉదాహరణలో మార్చబడింది <img> ఐనమెంట్ src అట్రిబ్యూట్ విలువ

ఉదాహరణ

<!DOCTYPE html>
<html>
<body>
<img id="myImage" src="smiley.gif">
<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ వివరణం:

  • పై హైల్ డాక్యుమెంట్ id="myImage" యొక్క <img> ఐనమెంట్ కలిగి ఉంది
  • మేము HTML DOM యొక్క id="myImage" ఐనమెంట్స్ ను పొందడానికి ఉపయోగిస్తున్నాము
  • జావాస్క్రిప్ట్ ఈ ఐనమెంట్స్ యొక్క src అట్రిబ్యూట్ ను "smiley.gif" నుండి "landscape.jpg" గా మార్చుతుంది