Java教程

JavaScript学习笔记DOM(1)-查找HTML元素

本文主要是介绍JavaScript学习笔记DOM(1)-查找HTML元素,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

查找 HTML 元素三种方式:

  • 通过 ID 查找到 HTML 元素
  • 通过标签名找到 HTML 元素
  • 通过类名找到 HTML 元素

1.通过 ID 查找到 html 元素

var dom1=document.getElementById("idName");

其中 idName 为你要查找元素的唯一 id 值

例如:

<div id="idName"></div>

2.通过标签名查找到 Html 元素

var dom1=document.getElementById("idName");            //先 id="idName"元素
var dom2=dom1.getElementsByTagName("div");             //获取 dom1 中所有<div>元素
var dom1=document.getElementById("idName");            //先 id="idName"元素
var dom2=dom1.getElementsByTagName("div");             //获取 dom1 中所有<div>元素,此处返回的是数组

3.通过类名查找到 Html 元素

var dom1=document.getElementsByClassName("class-name");   //此处 class-name 为你获取元素的 class 值,此处位数组

例如:<p class="class-name"></p>

注意:在 html5 中,需要把JavaScript代码放在 html 代码后,不然有些 dom 无法识别。

标注为数组的地方得写标哟!




                    
这篇关于JavaScript学习笔记DOM(1)-查找HTML元素的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!