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);