JavaScript HTML DOM 基礎

getElementsByClassName()方法

注意：
獲取所有指定類名的元素
返回一個數組
例:

var x=getElementsByClassName('' classname'');
      x[0].innerHTML ="xxxxxx";

getElementById()方法

注意：
getElementById() 方法可返回對擁有指定 ID 的第一個對象的引用。
HTML DOM 定義了多種查找元素的方法，除了 getElementById() 之外，還有 getElementsByName() 和getElementsByTagName()。
如果沒有指定 ID 的元素返回 null
如果存在多個指定ID的元素則返回 undefined。

例：

document.getElementById(“demo”).innerHTML=”Hello World”;

getElementsByName()方法

注意：
getElementsByName() 方法可返回帶有指定名稱的對象的集合。
返回一個數組集
例：
var x=document.getElementsByName(“x”);
alert(x.length);

getElementsByTagName()方法

注意：
返回帶有指定標籤名的對象的集合:
getElementsByTagName() 方法可返回帶有指定標籤名的對象的集合。
提示： 參數值 “*” 返回文檔的所有元素。
例：
document.getElementsByTagName(“P”)[0].innerHTML=”Hello World”;

images屬性

注意：
images 集合返回當前文檔中所有圖片的數組。
語法document.images[].property
例:
document.write(document.images.length);

title屬性

注意:
title屬性返回當前文檔的標題（HTML title 元素中的文本）
語法document.title
例:
document.title

URL屬性

注意：
URL 屬性可返回當前文檔的 URL。
語法document.URL
例：
document.write(document.URL);

write()方法 writeln()自帶換行

注意：
write()方法可向文檔寫入HTML表達式或JavaScript代碼
語法document.write(1,2,3);
例:
document.write(“Hello World!”,”1”);

activeElement (動作元素) 屬性

注意：
activeElement 屬性返回文檔中當前獲得焦點的元素
該屬性是隻讀的
爲元素設置焦點，可以使用element.focus()方法
可以使用document.hasFocus()方法來查看當前元素是否獲取焦點
例：
var x = document.activeElement.tagName;
x爲當前 獲得焦點的元素

addEventListener() (添加事件偵聽器) 方法

注意：
語法 document.addEventListener(event,function,useCapture)
document.addEventListener()方法用於向文檔添加事件句柄
document.removeEventListener()方法來移除 addEventListener()方法添加的事件句柄
使用element.addEventListener()方法爲指定元素添加事件句柄
IE8及更早版本不支持addEventListener()方法，可以用document.attachEvent(event ,function)
例：

  //向文檔添加事件句柄
  document.addEventListener("mousemove",function );
  //移除文檔的事件句柄
  document.removeEventListener("mousemove",function);

anchors(錨) 屬性

注意：
anchors集合返回了當前頁面的所有超級鏈接數組（返回name標籤的內容）
例：
語法 document.anchors[array ].property

<a  name="1">錨1</a><br>
<a name="2">錨2</a><br>
<a name="3">錨3</a><br>
<p>

<script>
document.write(document.anchors[0].innerHTML)；
</script>
</p>

createAttribute() (創建屬性)方法

注意：
createAttribute()方法用於創建一個指定名稱的屬性，病返回Attr對象屬性
例：

function()
{var xxx=document.getElementById("xx");
var attr = document.createAttribute("class");
attr.value="classname";
xxx.setAttributeNode(attr);
}

createComment()(創建評論)方法

注意：
createComment()方法可創建註釋節點
例：

 var c=document.createComment("My personal comments");
  document.body.appendChild(c);

createElement()(創建控件)方法

注意：
HTML元素經常包含文本，創建指定文本的按鈕你需要在按鈕元素後添加文本節點
例：

var btn = document.creatElement("button");
var t=document.createTextNode("click me");
btn.appendChild(t);
document.body.appendChild(btn);