HTML id လက်တွေ
- 上一页 hidden
- 下一页 inert
- 返回上一层 HTML အကျယ်အဝန် အရာဝတ္တရ
အသုံးပြုနည်း နှင့် အကျိုးသတ္တု
id
အချက်အလက် သည် HTML အချက်အလက် အတွင်း ကိုးကွယ်ထားသော ကိုယ်ဝင် အသုံးပြု အချက်အလက် ဖြစ်သည်။ (အချက်အလက် သည် HTML အချက်အလက် တွင် ကိုးကွယ်ထားသည့် အချက်အလက် ဖြစ်သည်)
id
အချက်အလက် သည် အဆိုပါ အဆိုပါ အစီအစဉ် အတွင်း အသုံးပြုသည် နှင့် အဆိုပါ အချက်အလက် ကို အသုံးပြု၍ JavaScript (HTML DOM အသုံးပြု၍) အသုံးပြုနိုင်ပါ
id
အချက်အလက် သည် ချိတ်ဆက် လိုက်ချက် (link anchor) အဖြစ် အသုံးပြုနိုင်ပါ
ပြင်ပ လေ့လာပါ
HTML နည်းပါးHTML id
HTML နည်းပါးHTML လက်တွေ
CSS နည်းပါးCSS ပုံစံနည်း
CSS ခွဲခြားထားသည့် စာကြိုးကို လက်ဆုံးသည့် ပြည့်အုပ်သည်CSS #id ကူးကြားသည်
HTML DOM ခွဲခြားထားသည့် စာကြိုးကို လက်ဆုံးသည့် ပြည့်အုပ်သည်HTML DOM getElementById() နည်းလမ်း
HTML DOM ခွဲခြားထားသည့် စာကြိုးကို လက်ဆုံးသည့် ပြည့်အုပ်သည်HTML DOM id အချက်အလက်
HTML DOM ခွဲခြားထားသည့် စာကြိုးကို လက်ဆုံးသည့် ပြည့်အုပ်သည်HTML DOM Style အရာ
အကျိုးသတ္တု
ဘား 1
id အချက်အလက် ကို အသုံးပြု၍ JavaScript အသုံးပြု၍ စာကြိုး ပြောင်းလဲပါ။
<h1 id="myHeader">ဂျွန်လော့ ကဲ့သို့!</h1> <button onclick="displayResult()">စာကြိုး ပြောင်းလဲပါ</button> <script> function displayResult() { document.getElementById("myHeader").innerHTML = "ကြည်လေး သတ္တုပုံ!"; } </script>
စားကြိုးတန်းအောက်တွင် ပိုမိုပိုမို အကျိုးသတ္တု
အပြောအဆ
<element id="id">
အချက်အလက် ပြောင်းလဲသည်
ပြောင်းလဲသည် | အကြောင်းအရာ |
---|---|
id |
အီအိုင်အမိန်းတို့ အတွက် အသုံးပြု အကြောင်းအရာ တစ်ခု အသုံးပြု၍ အသစ်အသစ် အကြောင်းအရာ ပေးပို့၍ အသုံးပြုပါ။
|
ပိုမိုပိုမို အကျိုးသတ္တု
ဘား 2
id အချက်အလက် ကို အသုံးပြု၍ စားကြိုးတန်းအတွင်း သတ်မှတ်ထားသော id အဖြစ် ချိတ်ဆက်ပါ။
<h2><a id="top">အကြောင်းအရာ ပါဝင်</a></h2> <p>ပိုမိုပိုမို စာကြိုး ....</p> <p>ပိုမိုပိုမို စာကြိုး ....</p> <p>ပိုမိုပိုမို စာကြိုး ....</p> <a href="#top">အထပ်သို့ လိုက်ပါ</a>
例子 3
使用 id 属性通过 CSS 样式化文本:
CodeW3C.com 是最棒的!
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |
- 上一页 hidden
- 下一页 inert
- 返回上一层 HTML အကျယ်အဝန် အရာဝတ္တရ