Penjelasan ringkas tentang cara JavaScript beroperasi pada kandungan elemen

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 type="text" id="text1" value=""> 
  <script>
    //   给值就是设置，不给值就是获取
    //   操作表单元素
      var text1=document.getElementById('text1');
    //   设置
      text1.value="123"
    //   获取
    console.log(text1.value);

2, kendalikan kandungan teg tertutup biasa innerText/innerHTML

tetapan: element.innerText=value;

elemen. innerHTML=value;

Dapatkan: element.innerText

Element.innerHTML

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

3 🎜>

Set: element.id=value;

Dapatkan: element.id;

Cadangan berkaitan: [

Tutorial video JavaScript

 <div id="box2">1111 </div>
  <script>
    //   给值就是设置，不给值就是获取
     // 操作元素天生自带属性
     var box2 = document.getElementById('box2');
    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!