元素对象(Element)

首页 > JavaScript浏览器对象 > 元素对象(Element)

■ 一览

className, click(), id, innerHTML, innerText, lang, language, parentElement, tagName, title

■ 元素对象

window.document.all.id(IE专用)
window.document.all(n)(IE专用)
window.document.all.length(IE专用)

文档中元素的数组。id 为各元素的 ID 属性所指定的ID。

obj = document.all.ABC;
for (i = 0; i < document.all.length; i++) {
    obj = document.all(i);
}
window.document.all.item(id)(IE专用)
window.document.all.item(id, n)(IE专用)
window.document.all.item(id).length(IE专用)

文档中的元素或元素的数组。id 为各元素的 ID 属性所指定的ID。请注意,对象元素可为复数或单数,调用的方法也不同。

obj = document.all.item("ABC");
if (document.all.item(id).length) {
   for (i = 0; i < document.all.item(id).length; i++) {
      obj = document.all.item(id, i);
   }
} else {
   obj = document.all.item(id);
}
window.document.all.tags(tag)(IE专用)
window.document.all.tags(tag)(n)(IE专用)
window.document.all.tags(tag).length(IE专用)

文档中元素的数组。tag 为标签名。

for (i = 0; i < document.all.tags("IMG").length; i++) {
    obj = document.all.tags("IMG")(i);
}
element.style(IE专用)

代表 style 对象。下面的例子改变文档中所有 H1 元素的颜色。

for (i = 0; i < document.all.tags("H1").length; i++) {
   elm = document.all.tags("H1")(i);
   elm.style.color = "#FF0000";
}
element.innerHTML(IE专用)
element.innerText(IE专用)

此元素中的字符串或HTML代码。把值代入的话,可以动态改变元素的内容。

<script type="text/javascript">
<!--
function func() {
    document.all.ABC.innerHTML = "<b>欢迎光临猴子web入门。</b>";
}
// -->
</script>
<div id="ABC">再见。</div>
<button onclick="func()">OK</button>
element.tagName(IE专用)
element.title(IE专用)
element.className(IE专用)
element.id(IE专用)
element.lang(IE专用)
element.language(IE专用)

tagName 为标签名,title、className、id、lang、language 各自对应 title、class、id、lang、language 属性的值。

element.parentElement(IE专用)

代表上一层的父元素。

element.click()(IE专用)

代表鼠标点击了元素。