JavaScript ఉపన్యాసం

ఈ అధ్యాయంలో జావాస్క్రిప్ట్ సామర్థ్యాలను ప్రదర్శించడానికి ఉదాహరణలు మంజూరు చేయబడ్డాయి.

జావాస్క్రిప్ట్ హెచ్ఎంఎల్ విషయాన్ని మార్చగలదు

getElementById() అనేక జావాస్క్రిప్ట్ హెచ్ఎంఎల్ పద్ధతులలో ఒకటి

ఈ ఉదాహరణలో ఈ పద్ధతిని ఉపయోగించడం ద్వారా id="demo" హెచ్ఎంఎల్ మెటాటా అనేది కనుగొనడానికి మరియు అనేక సామగ్రి లో ఉన్న విషయాన్ని పొందడానికి ఉపయోగించబడుతుంది:innerHTMLదానిని "హలో జావాస్క్రిప్ట్" ప్రత్యామ్నాయంగా మార్చండి:

ఎక్సమ్ప్లోర్

document.getElementById("demo").innerHTML = "హలో జావాస్క్రిప్ట్";

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

హెచ్చరిక:జావాస్క్రిప్ట్ కు ద్వంద్వ గురుతులు మరియు ఒక గురుతులు అంగీకరిస్తుంది:

ఎక్సమ్ప్లోర్

document.getElementById("demo").innerHTML = 'హలో జావాస్క్రిప్ట్';

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

జావాస్క్రిప్ట్ హెచ్ఎంఎల్ అటువంటి లక్షణాలను మార్చగలదు

本例通过改变 标签的 src 属性（source）来改变一张 HTML 图像：

灯泡


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

JavaScript 能够改变 HTML 样式 (CSS)

改变 HTML 元素的样式，是改变 HTML 属性的一种变种：

ఎక్సమ్ప్లోర్

document.getElementById("demo").style.fontSize = "25px";

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

JavaScript 能够隐藏 HTML 元素

మార్చడానికి చేయవచ్చు డిస్ప్లే 样式来隐藏 HTML 元素：

ఎక్సమ్ప్లోర్

document.getElementById("demo").style.display="none";

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

జావాస్క్రిప్ట్ హెచ్టిఎంఎల్ ఎలిమెంట్స్ ను ప్రదర్శించగలుగుతుంది

మార్చడానికి చేయవచ్చు డిస్ప్లే ప్రక్రియా నిష్క్రియమైన హెచ్టిఎంఎల్ ఎలిమెంట్స్ ను ప్రదర్శించడానికి స్టైల్స్ ఉపయోగించండి:

ఎక్సమ్ప్లోర్

document.getElementById("demo").style.display="block";

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

బయటి పఠనం

జావాస్క్రిప్ట్ అధునాతన పాఠ్యక్రమంలో: జావాస్క్రిప్ట్ చరిత్ర 、 జావాస్క్రిప్ట్ ఇమ్ప్లిమెంటేషన్