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元素的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！