document.all.ID

document.all.ID.style

ID.innerHTML = your message

<div id="WORD1" onClick="chgHTML()">クリックすると、ここを書き換えます。</div>

<SCRIPT Language="JavaScript">
function chgHTML() {
  WORD1.innerHTML = "<b>書き換え終了。</b>";
  }
</SCRIPT>

ID.outerHTML = your message

<div id="WORD1" onClick="chgHTML()">クリックすると、外側のタグごと書き換えます。</div>

<SCRIPT Language="JavaScript">
function chgHTML() {
  WORD1.outerHTML = "<div name='CHANGE'>タグごと書き換えました。</DIV>";
  }
</SCRIPT>

ID.innerText = your message

<div id="WORD1" onClick="chgText()">クリックすると、ここを書き換えます。</div>

<SCRIPT Language="JavaScript">
function chgText() {
  WORD1.innerText = "<b>タグを書くとこんな風に、そのまま表示されます</b>";
  }
</SCRIPT>

ID.outerText = your message

<div id="WORD1" onClick="chgText()">クリックすると、ここをタグごと書き換えます。</div>

<SCRIPT Language="JavaScript">
function chgText() {
  WORD1.outerText = "<b>タグを書くとこんな風に、そのまま表示されます</b>";
  }
</SCRIPT>

ID.insertAdjacentText("position","insert string") postion::

• "BeforeBegin":文字列の前に挿入します。新文字列-改行-文字列で挿入されます。
• "AfterBegin":文字列の前に挿入します。新文字列-文字列で挿入されます。
• "BeforeEnd":文字列の後ろに挿入します。文字列-新文字列-で挿入されます。
• "AfterEnd":文字列の後ろに挿入します。文字列-改行-新文字列-で挿入されます。

<div id="WORD1" onClick="insertText()">クリックすると、新しい文を追加します。</div>

<SCRIPT Language="JavaScript">
function insertText() {
  WORD1.insertAdjacentText("AfterEnd", "新しく文を追加しました。");
  }
</SCRIPT>

ID.insertAdjacentHTML("position","insert string") postion::

• "BeforeBegin":文字列の前に挿入します。新文字列-改行-文字列で挿入されます。
• "AfterBegin":文字列の前に挿入します。新文字列-文字列で挿入されます。
• "BeforeEnd":文字列の後ろに挿入します。文字列-新文字列-で挿入されます。
• "AfterEnd":文字列の後ろに挿入します。文字列-改行-新文字列-で挿入されます。

<div id="WORD1" onClick="insertHTML()">クリックすると、新しい文を追加します。</div>

<SCRIPT Language="JavaScript">
function insertHTML() {
  WORD1.insertAdjacentHTML("Beforebegin", "新しく文を追加しました。");
  }
</SCRIPT>

Variable = ID.offsetWidth

<span id="WORD1" onClick="tag_width()">クリックすると、このタグの横幅をステータスバーに表示します</span>

<SCRIPT Language="JavaScript">
function tag_width() {
  wid = WORD1.offsetWidth;
  window.status = "横幅：" +wid;
  }
</SCRIPT>

Variable = ID.offsetHeight

<span id="WORD1" onClick="tag_height()">クリックすると、このタグの縦幅をステータスバーに表示します</span>

<SCRIPT Language="JavaScript">
function tag_height() {
  hei = WORD1.offsetHeight;
  window.status = "縦幅：" +hei;
  }
</SCRIPT>

Variable = ID.offsetTop

<span id="WORD1" onClick="tag_left()">クリックすると現在の座標xをステータスバーに表示します</span>

<SCRIPT Language="JavaScript">
function tag_left() {
  left = WORD1.offsetLeft;
  window.status = "座標x：" +left;
  }
</SCRIPT>

Variable = ID.offsetTop

<span id="WORD1" onClick="tag_top()">クリックすると現在の座標yをステータスバーに表示します</span>

<SCRIPT Language="JavaScript">
function tag_top() {
  top = WORD1.offsetTop;
  window.status = "座標y：" +top;
  }
</SCRIPT>

Variable = ID.style.posLeft

<span id="WORD1" onClick="tag_posleft()" style="position:absolute">
クリックすると現在の座標xを250に移動します。</span>

<SCRIPT Language="JavaScript">
function tag_posleft() {
  WORD1.style.posLeft = 250;
  }
</SCRIPT>

Variable = ID.style.posTop

<span id="WORD1" onClick="tag_postop()" style="position:absolute">
クリックすると現在の座標yを250に移動します。</span>

<SCRIPT Language="JavaScript">
function tag_postop() {
  WORD1.style.posTop = 250;
  }
</SCRIPT>

Variable = event.srcElement;

<img width=200 height=200 id="img1">
<br><br>
<img width=200 height=200 id="img2">

<SCRIPT Language="JavaScript">
//現在マウスはどのタグの上にいるか？
function src_element() {
  el = event.srcElement;
  window.status = el.tagName;
 }

document.onmousemove = src_element;
</SCRIPT>

Variable = event.fromElement;

<img width=200 height=200 id="img1">
<br><br>
<img width=200 height=200 id="img2">

<SCRIPT Language="JavaScript">
//現在マウスはどのタグの上かから来たのか？
function src_element() {
  el = event.fromElement;
  if(el != null) {
    window.status = el.tagName;
   }
 }

document.onmouseover = src_element;
</SCRIPT>

event.returnValue = false | true

<a href="http://www.yahoo.co.jp" onClick="returnVal()">Go yahoo!</a>

<SCRIPT Language="JavaScript">
//リンクを無効にする
function returnVal() {
  event.returnValue = false;
 }
</SCRIPT>

event.cancelBubble = true | false

<div onClick="alert('普通このアラートは表示されません')">
<span onClick="cancel_event()">Click Me</span>
</div>

<SCRIPT Language="JavaScript">
//以後のイベントをキャンセルする
function cancel_event() {
  alert("以後のイベントをキャンセルします");
  event.cancelBubble = true;
  //falseにすれば以降のイベントも普通に行われる。
 }
</SCRIPT>