m-shinkawa
6/10/2018 - 12:24 PM

js_cc_06_dom

js_cc_06_dom

    var box1 = document.getElementById('box1'); //id="box1"の要素を取得
    var box2 = document.getElementById('box2'); //id="box2"の要素を取得
    var box3 = document.getElementById('box3'); //id="box3"の要素を取得
    box1.innerHTML = '文字列を入替'; //id="box1"の要素内容を変更
    box2.innerHTML = '<a href="http://codecamp.jp/">CodeCamp</a>'; // id="box2"の要素内容を変更
    box3.style.color = '#ff0000'; //id="box3の要素CSSを変更"
  <div>ボックス0</div>
  <div id="box1">ボックス1</div>
  <div id="box2">ボックス2</div>
  <div id="box3">ボックス3</div>