परिचय
HTML DOM option text प्रॉपर्टी HTML दस्तावेज़ में एक ऑप्शन का टेक्स्ट प्राप्त करती है और संशोधित करती है।
सिंटैक्स
मान प्राप्त करना
object.textमान सेट करना
object.text = "text"उदाहरण
ड्रॉपडाउन में ऑप्शन का टेक्स्ट बदलना:
<!DOCTYPE html>
<html>
<head>
<style>
html { height: 100%; }
body {
text-align: center;
color: #fff;
background: radial-gradient(circle farthest-corner at 23.1% 64.6%, rgba(129,125,254,1) 0%, rgba(111,167,254,1) 90%) no-repeat;
height: 100%;
}
p { font-weight: 700; font-size: 1.1rem; }
.drop-down {
display: block;
width: 35%;
border: 2px solid #fff;
font-weight: bold;
padding: 2px;
margin: 1rem auto;
outline: none;
}
.btn {
background: orange;
border: none;
height: 2rem;
border-radius: 2px;
width: 35%;
margin: 2rem auto;
display: block;
color: #fff;
font-weight: bold;
outline: none;
cursor: pointer;
}
.show { font-size: 1.5rem; font-weight: bold; }
</style>
</head>
<body>
<h1>DOM ऑप्शन text प्रॉपर्टी डेमो</h1>
<p>हाय, अपना पसंदीदा विषय चुनें -</p>
<select class='drop-down'>
<option>Physics</option>
<option>Biology</option>
<option>Maths</option>
</select>
<button type="button" onclick="changePhysicsName()" class="btn">फिजिक्स विषय का नाम बदलें</button>
<div class="show"></div>
<script>
function changePhysicsName() {
document.querySelector(".drop-down").options[0].text = "Applied Physics";
document.querySelector(".show").innerHTML = "अब फिजिक्स एप्लाइड फिजिक्स बन गया";
}
</script>
</body>
</html>आउटपुट
"फिजिक्स विषय का नाम बदलें" बटन पर क्लिक करने पर पहला ऑप्शन "Physics" से "Applied Physics" में बदल जाएगा।
