html js_cc_06_dom

Posted 2021-05-10

    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を変更"

js_cc_06_dom
------------


A [Pen](https://codepen.io/m-shinkawa/pen/yEgQXB) by [m-shinkawa](https://codepen.io/m-shinkawa) on [CodePen](https://codepen.io).

[License](https://codepen.io/m-shinkawa/pen/yEgQXB/license).

  <div>ボックス0</div>
  <div id="box1">ボックス1</div>
  <div id="box2">ボックス2</div>
  <div id="box3">ボックス3</div>