JavaScript DOM编程艺术

本文介绍了JavaScript中的三种对象类型:用户定义对象、内建对象和宿主对象,并详细讲解了如何使用getElementById和getElementsByTagName方法来操作DOM。

内建对象:javaScript已定义好的对象称着内建内象!(如:Array,Math,Date等)
宿主对象:运行在具体环境的对象是宿主对象.例如:由Web浏览器提供的预定义对象被称为宿主对象。宿主对象主要包括Form.Image和Element.可以通过这些对象获得关于某给定网页上的表单,图像,和各种表单元素的信息。

JavaScript语言里的对象可以分为三种类型:
用户定义对象(User-defined object):由程序员自行创建的对象。
内建对象(native object):内建在JavaScript语言里的对象。
宿主对象(host object):由浏览提供的对象。

节点:
1.元素结点。
2.文本结点。
3.属性结点。
4.CSS

注意大小写
getElementById()方法
例如:document.getElementById("puchases")
Id值必须放在单引号或双引号里。
说明:这个调用将返回一个对象,这个对象对应着document对象里的一个独一无二的元素,那个元素的HTML id属性值是purchases.可以用typeof操作符来验证,typeof可以让我们知道操作数是不是一个字符串,数值,函数,布尔值或对象。

<Script type="text/JavaScript">
alert(
typeof document.getElementById("purchases"));
</script>

 

getElementsByIdTagName()方法
说明:这个调用将返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素。
例如:document.getElementsByTagName("li")
可以用for遍历这个数组

for(far i=o;i<document.getElementsByTagName("li").length;i++)
{
alert(
typeof document.getElementsByTagName("li")[i]);
}


为了不要反复敲入document.getElementsByTagName("li")可以把它赋值给一个变量。

var items=document.getElementsByTagName("li")
  
for(var i=0;i<items.length;i++)
  
{
     alert(
typeof ittems[i]);
  }

转载于:https://www.cnblogs.com/aito/archive/2008/07/04/1235577.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值