Rumah >hujung hadapan web >tutorial js >Penjelasan ringkas tentang cara JavaScript beroperasi pada kandungan elemen

Penjelasan ringkas tentang cara JavaScript beroperasi pada kandungan elemen

藏色散人
藏色散人ke hadapan
2022-08-06 10:12:102043semak imbas

Artikel ini akan menerangkan dengan pantas cara JavaScript mengendalikan elemen. Saya harap ia dapat membantu rakan yang memerlukan.

Peraturan: Semua yang diperoleh daripada elemen semasa adalah rentetan

Prinsip: Memberi nilai bermakna menetapkan, tidak memberi nilai bermakna mendapat

mata Untuk kategori 3:

1, kendalikan kandungan elemen borang

untuk menetapkan: form element.value=value; form element .value;

  <input> 
  <script>
    //   给值就是设置,不给值就是获取
    //   操作表单元素
      var text1=document.getElementById(&#39;text1&#39;);
    //   设置
      text1.value="123"
    //   获取
    console.log(text1.value);</script>
2, kendalikan kandungan teg tertutup biasa innerText/innerHTML

tetapan: element.innerText=value;

elemen. innerHTML=value;

Dapatkan: element.innerText

Element.innerHTML

<div>哈哈哈哈</div>
    <h2>aaaaa </h2>
  <script>
    //   给值就是设置,不给值就是获取
     //操作普通闭合标签内容   innerText/innerHTML
     var box = document.getElementById(&#39;box&#39;);
    // 设置
    box.innerText="嘿嘿嘿";
    // 获取
    console.log(box.innerText);
 
    var box1 = document.getElementById(&#39;box1&#39;);
    box1.innerHTML=&#39;bbbbbbb&#39;;
    console.log(box1.innerHTML)
  </script>
3 🎜>

Set: element.id=value;

Dapatkan: element.id;

Cadangan berkaitan: [

Tutorial video JavaScript
 <div>1111 </div>
  <script>
    //   给值就是设置,不给值就是获取
     // 操作元素天生自带属性
     var box2 = document.getElementById(&#39;box2&#39;);
    box2.id="box22"
    console.log(box2.id)
  </script>
]

Atas ialah kandungan terperinci Penjelasan ringkas tentang cara JavaScript beroperasi pada kandungan elemen. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam