// 座標で指定された要素を取得する

function changeColor(newColor)
{
 elem = document.elementFromPoint(10, 134);
 elem.style.color = newColor;
}



// ex.1 elementPointCapture 1

javascript:(function(){
var tooltip = document.createElement("DIV");
tooltip.style.cssText = "position: absolute; z-index: 1000; background-color: lightgreen;";document.body.appendChild(tooltip);
var scanElement = function(event) {
var elt = document.elementFromPoint(event.clientX, event.clientY);
tooltip.innerHTML = "(" + event.clientX + ", " + event.clientY + ") " + elt.tagName;
tooltip.style.left = (event.clientX + window.scrollX) + "px";
tooltip.style.top  = (event.clientY + window.scrollY + 21) + "px";
};
document.addEventListener("mousemove", scanElement, false);
})();



// ex.2 elementPointCapture auto

javascript:(function(){
    var tooltip = document.createElement("DIV");
    tooltip.style.cssText = "position: absolute; z-index: 1000; background-color: lightgreen;";
    document.body.appendChild(tooltip);
    var scanElement = function(posX, posY) {
        var elt = document.elementFromPoint(posX, posY);
        tooltip.innerHTML = "(" + posX + ", " + posY + ") " + elt.tagName;
        tooltip.style.left = (posX + 2) + "px";
        tooltip.style.top  = (posY + 2) + "px";
        setTimeout(function(){ scanElement(++posX, ++posY); }, 20);
    };
    window.scrollTo(0, 0);
    scanElement(0, 0);
})();

var my_div = null;
var newDiv = null;

function addElement()
{
  newDiv = document.createElement("div");
  newDiv.innerHTML = "<h1>Hello World!</h1>";
  my_div = document.getElementById("org_div1");
  document.body.insertBefore(newDiv, my_div);
}

指定の要素に新しい属性を追加します。または指定の要素に存在する属性の値を変更します。 指定の属性が既に存在しているときはその属性の値はこの関数に渡された値に変更されます。もし存在しなければ属性は新しく作成されます。

var d = document.getElementById("d1"); 

d.setAttribute("align", "center");

var table = document.getElementById("table");
var tableAttrs = table.attributes;                    // Node/Element
for (var i = 0; i < tableAttrs.length; i++) {
  if(tableAttrs[i].nodeName.toLowerCase() == "border")
    table.border = "1";                               // HTMLTableElement : border
}
table.summary = "Border Bold ";               // HTMLTableElement : summary