JavaScript中几个操作元素对象的函数方法

一个兢兢业业、无微不至的保姆。你用自己的一只手——雪,把那青绿的麦苗爱抚地搂在怀里,给他以温暖和关怀。麦苗在那层层棉被下静静地期待,期待着来春生长发育。蛇、鳝、熊等等,有的钻进了深泥,有的藏入树洞,休息一冬,养精蓄锐,方有新春来到时的精神振奋。你用自己的另一只手――寒风,举刀挥剑,把那些残害农作物的害虫,砍光杀尽,把那些残害人类、牲畜的虎豹豺豺狼驱赶进深山老林。冬呵!你严守阵地,不容侵犯;你,是一位最负责任的对友火热温情,对敌残忍无情的好保姆。

JavaScript网页脚本语言可以很高效的操作网页的各个元素节点,并赋予给它们相对应的操作,使我们的前端网页更的的智能化,更加的有利于访客的体验。

JavaScript中几个操作元素对象的函数

下面自已记录几个常用的操作元素的方法,以便自己以后查找时使用。

getElementById(id)方法

JavaScript中的getElementById中的方法,将返回一个与它有着相同ID属性元素节点的对应对象。这里值得注意的是getElementById写法一定要注意大小写,否则会出错。

getElementById()是document对象的特有函数,它只有一个参数值:如果你想获得某个ID属性元素的值,那么它的写法如下

类似语法:

document.getElementById(ID)

例子:

如果想获取关于元素ID属性为“mochu”的元素对象

document.getElementById("mochu");

getElementsByTagName(tag)方法

getElementsByTagName()方法返回一个对象数组,这个对象数组中的每一个对象对应着文档里有着给定标签的一个元素。

类似语法:

document.getElementsByTagName(tag)

例子:

如果想获取对象中所有的"li"标签

document.getElementsByTagName("li"):

这个调用将返回一个对象数组,数组中的每一个对象分别对应里document文档中的一个列表元素(li标签)。关于这个对象数组的操作方法和其它数组一样,要以使用数组的"length"属性。

代码如下:

for(var i=0;i < document.getElementsByTagName("li").length;i++)}
//这里是操作方法
alert(typeof document.getElementsByTagName("li")[i]);
}

我们也可以把上面的代码简化一下

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

我们也可以结合getElementById()方法来操作某个ID属性下的元素对象。

示例代码:

var mochuid = document.getElementById("mochuid"); //获取ID属性为“mochuid”的元素
var mochuli = mochuid.getElement