DOM

DOMとはDocument Object Modelで、ブラウザが持っている情報をオブジェクトとして扱うことができる。

///////////////////////////
// 第8章:DOM
///////////////////////////

● console.log('Windowsオブジェクトを出力:');
console.log(window);

●console.log('Windows位置:');
console.log(window.screenX);

● - 要素の取得
var h1Title = document.getElementById('h1title')
console.log(h1Title);

● テキストのみとりたい
console.log( h1Title.textContent );

● 変更する
h1Title.textContent = '変更する文字列';

● タグ生成
var tag = document.createElement('h2'); 

● id生成
tag.setAttribute("id","id_name"); 

● テキスト追加
tag.innerText = 'DOMから生成し挿入したテキスト';

● bodyオブジェクトに作成したタグを連結
document.body.appendChild(tag); 
 

お得なイベントチケットの配布や、Web制作に関係する情報を発信中


http://line.me/ti/p/@gkv8736o