关键词不能为空

当前您在: 主页 > 英语 >

js获取HTML元素节点方法

作者:高考题库网
来源:https://www.bjmy2z.cn/gaokao
2021-02-28 05:51
tags:

-

2021年2月28日发(作者:verbatim)


Javascript


获取网页中


HTML


元素的集中方法分析



getElementById getElementsByName getElementsByTagName


大概介绍





getElementById



getElementsByName



getElementsByTagName





后两个 是得到集合,


byid


只是得到单个对象






getElementById


的用法






举个例子:








网页陶吧



a>






同一页面内的引用方法


:





1


、使用


id








,返回值为







2


、使用


name








,返回值为







3


、使用


sourseIndex







(4).href //


注意,前面还有


HTML



HEAD



TITLE



BODY


,所 以是


4





4


、使用链接集合:






s(0).href





//


全部的集合有

< br>all



anchors



applets



areas



attributes



behaviorUrns



bookm


arks



boundElements


cells



childNod es



children


< p>
controlRange



elements< /p>



emb


eds



filters



forms



frames



i mages



imports



links



mimeTypes

< p>


options



pl ugi


ns



rows



rules



script s



styleSheets



tBodies



TextRectangl e


,请参考


MSDN


介绍。

< p>





其实方法


3


和方法


4


是一样使用的集合,只是一个是


all


,可以包 括页面所有标记,而


anc


hors


只 包括链接。






5



get ElementById







mentById(







6



getElementsByName







mentsByName(


这也是一个集合,


是所有


n


ame


等于该方法所带参数 的标记的集合






7



get ElementsByTagName







men tsByTagName(


这也是一个集合,是所有标记名


称等 于该方法所带参数的标记的集合






8



tag s


集合:






(





//


与方法


7


一样是按标记名称取得一个集合






除此之外:






ment


可以获得触发时间的标记的引用


;





tFromPoint(x,y)


可 以获得


x



y


坐标处的元素的引用


;





entFromPoint(X,Y)


可以获得鼠标


所在处元素的引用


;





还可以通过元素的父子节点和兄弟 节点关系来引用,如


nextSibling(


当前节点的后一 节



)



pr eviousSibling(


当前节点的前一节点


)



childNodes


children



firstChild



lastChil


d



parentElement


等都是父子节点和兄弟节点的一些引用


;


还不仅限于此。






上面是同一页面内的常见引用方法,另外还涉及到不同页面中的






get ElementsByName


返回的是所有


name


为指定值的所有元素的集合







根据


NAME


标签属性的值获取对象的集合。







集合比数组要松散的多


,


集合里每个子项的类型可以不同


,


集 合只是把某些元素放在一起作


为一类来使用


,


相比之下数组就严格多了


,


每个子项都是统一的类型


. ment


sByName, mentsByTagName, ts



类方法所得到的结果都是集合


.





例:



Code

mentsByName()


这个方法


.

< br>它对一个和多个的处理是一样的


,


我们可以


用:






Temp = mentsByName('happy')


来引用







Temp


只有


1


个 的时候


,


那么就是


Temp[0],< /p>


有多个的时候


,


用下标法


Temp[i]


循环获取






也有例外


:






ie



getElementsByName(“test“)


的时候返回的是


id=test



object


数组,而


firefox


则返回的是


name= test


< p>
object


的数组。






按照


w3 c


的规范应该是返回的是


name= test



object


的数组。






fir efox



ie


中的

< br>getElementByID


相同


:

< br>获取对


ID


标签属性为指定值的第一个对象的引


用。






注意


getElementsByName



s


在里面






men tById()


可以控制某个


id


的< /p>


tag





mentsByName()



返回的 是一个具有相同


name


属性的元素的集合,


而不是某个,注意有


“s”








mentsByTagName()


返回的是一组相同


TAG


的元素集合。









return


一个


collection


,引用的时候要指名


index






name




有< /p>




element





mentsByName(

-


-


-


-


-


-


-


-



js获取HTML元素节点方法的相关文章

  • 爱心与尊严的高中作文题库

    1.关于爱心和尊严的作文八百字 我们不必怀疑富翁的捐助,毕竟普施爱心,善莫大焉,它是一 种美;我们也不必指责苛求受捐者的冷漠的拒绝,因为人总是有尊 严的,这也是一种美。

    小学作文
  • 爱心与尊严高中作文题库

    1.关于爱心和尊严的作文八百字 我们不必怀疑富翁的捐助,毕竟普施爱心,善莫大焉,它是一 种美;我们也不必指责苛求受捐者的冷漠的拒绝,因为人总是有尊 严的,这也是一种美。

    小学作文
  • 爱心与尊重的作文题库

    1.作文关爱与尊重议论文 如果说没有爱就没有教育的话,那么离开了尊重同样也谈不上教育。 因为每一位孩子都渴望得到他人的尊重,尤其是教师的尊重。可是在现实生活中,不时会有

    小学作文
  • 爱心责任100字作文题库

    1.有关爱心,坚持,责任的作文题库各三个 一则150字左右 (要事例) “胜不骄,败不馁”这句话我常听外婆说起。 这句名言的意思是说胜利了抄不骄傲,失败了不气馁。我真正体会到它

    小学作文
  • 爱心责任心的作文题库

    1.有关爱心,坚持,责任的作文题库各三个 一则150字左右 (要事例) “胜不骄,败不馁”这句话我常听外婆说起。 这句名言的意思是说胜利了抄不骄傲,失败了不气馁。我真正体会到它

    小学作文
  • 爱心责任作文题库

    1.有关爱心,坚持,责任的作文题库各三个 一则150字左右 (要事例) “胜不骄,败不馁”这句话我常听外婆说起。 这句名言的意思是说胜利了抄不骄傲,失败了不气馁。我真正体会到它

    小学作文