dotinstall 昔のjavascript入門メモ

dotinstall 昔のjavascript入門メモ:

概要

昔あったレッスンの覚え書きをコピペしただけです。自分用保管。

別のページに飛ばす

window.location.href = 'http://dotinstall.com'; 

ブラウザの高さ幅を取得

console.log(window.outerHeight); 

テキストを変更する

e.textContent = 'hello'; 

文字色を赤に

e.style.color = 'red'; 

スタイルを適用(スタイルを作るときはドットを忘れずに）

e.className = 'myStyle'; 

タグを作る

var greet = document.createElement('p'); 

テキストを作る

var text = document.createTextNode('hello world'); 

タグを作って文字を埋める

var greet = document.createElement('p'); 
var text = document.createTextNode('hello world'); 
document.body.appendChild(greet).appendChild(text); 

イベントを設定する

document.getElementById('add').addEventListener('click',function(){ 
//クリックするたび文字を追加する 
var greet = document.createElement('p'); 
var text = document.createTextNode('hello world'); 
document.body.appendChild(greet).appendChild(text); 
});