获取元素的html,js中如何获取网页中的元素

  获取元素的html,js中如何获取网页中的元素

  本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。

  JavaScript获取HTML元素

  document的getElementById()方法

  身体

  A= id标签/a

  Script//document引用当前文件,get它,Element是元素,ById是ID;也就是说,当前文件中的元素是通过id值获取的。

  var element=document . getelementbyid( id );

  console.log(元素);

  /脚本

  /正文结果:

  document的getElementByClassName()方法:

  身体

  Class= first a标签/a

  Aa 2/a

  Script//ByClassName传递类值;也就是说,当前文件中的元素是通过类值获得的,因为可能有多个元素,所以获得了一个数组。

  var element=document . getelementsbyclassname( first )[0];//在这里只获取第一个

  console.log(元素);

  var element 2=document . getelementsbytagname( a )[1];//这里只得到第二个

  console . log(element 2);

  /脚本

  /正文结果:

  document的getElementByName()方法:

  身体

  形式

  type= student name= gender id= 1 标签for= 1 男/标签

  type= student name= gender id= 2 label for= 2 女性/label

  /表单

  Script//ByName指的是名称值;也就是说,当前文件中的元素是通过名称值获得的,因为可能有多个元素,所以获得了一个数组。

  var element=document . getelementsbyname( gender );

  console.log(元素[0]);

  console . log(element[1]);

  /脚本

  /正文结果:

  【推荐学习:javascript高级教程】以上是JavaScript如何获取HTML元素的详细内容。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: