JavaScriptつみあげトレーニング8_01

javaScript積み上げトレーニングブックより
ＤＯＭについて知る

c8_1_1.js

window.console.log('にんにん');
console.log('にんにん');

matsu10

JavaScriptつみあげトレーニング8_02

javaScript積み上げトレーニングブックより
要素を選択する

c8_2_1.js

let elemnt = document.getElementById('text');
elemnt.innerText = '変更してやったり';

c8_2_2.js

let element =document.querySelector('.chapter_name');
element.hidden=true;

c8_2_3.js

let elementList=document.querySelectorAll('p');
for (element of elementList){
    let replaced=element.innerText.replace('です','でござる')
    element.innerText=replaced;
}

matsu10

JavaScriptつみあげトレーニング8_03

javaScript積み上げトレーニングブックより
要素を追加・削除する

c8_3_1.js

let newElement=document.createElement('p');
newElement.innerText='新たな要素';
document.body.appendChild(newElement);

c8_3_2.js

let input=document.querySelector('input');

let newElement2=document.createElement('p');
newElement2.innerText='新たな要素';
document.body.insertBefore(newElement,input);

c8_3_3.js

let target=document.querySelector('div');
let parent=target.parentElement;
parent.removeChild(target);