js获取html元素的方式
+通过ID获取：getElementById('id属性值')
+通过标签名：getElementsByTagName('标签名')
+通过类名：getElementsByClassName('类名')
+通过name属性：getElementsByName('name属性值')
+通过选择器获取一个元素：querySelector
+通过选择器获取一组元素：querySelectorAll
1获取id值为d1的html元素
将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。
2通过标签名：getElementsByTagName('标签名')
参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组)
通过类名：getElementsByClassName('类名')
参数是元素的类名，返回值是一个类数组，没有找到返回空数组。
通过类名：getElementsByClassName('类名')
必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。
通过选择器获取一个元素：querySelector
参数是选择器，返回值只获取到第一个元素。
通过选择器获取一组元素：querySelectorAll
参数是选择器，返回值是一个数组。
传感器是一种检测装置，能感受到被测量的信息，并能将感受到的信息，按一定规律变换成
为电信号或其他所需形式的信息输出，以满足信息的传输、处理、存储、显示、记录和控制
等要求。
传感器的特点包括:微型化、数字化、智能化、多功能化、系统化、网络化。它是实现自动
检测和自动控制的首要环节。传感器的存在和发展，让物体有了触觉、味觉和嗅觉等感官，
让物体慢慢变得活了起来。通常根据其基本感知功能分为热敏元件、光敏元件、气敏元件、
力敏元件、磁敏元件、湿敏元件、声敏元件、放射线敏感元件、色敏元件和味敏元件等十大
类
(1)链接标记target属性的_self、_top、_parent、_blank、main、left、top各有何用处
target属性的_self、_top、_parent都是针对框架的。比如你写了这样一个网页page，网页page分成frame1、frame2，frame1又分成frame1-1、frame1-2，frame1-1又分成frame1-1-1，frame1-1-2。
假如你在frame1-1-1中放了一个链接。
如果这个链接的target="_self"，那么链接会在frame1-1-1中打开。
如果target="_parent"，那么链接会在frame1-1中打开。
如果target="_top"，那么链接会在page中打开。
如果target="_blank"，浏览器会另开一个新窗口显示page文档。
未经验证，根据说法应该是这个意思。
(2)链接标记target属性的main、left、top各有何用处
main、left、top是由Adobe Dreamweaver生成的主、左、上框架集的框架默认名。
(3)什么是Bom什么是Dom你如何理解Dom
DOM和BOM是JS的三大组成部分之一，下面讲解BOM与DOM以及两者的关系
DOM讲解
DOM即文档对象模型，通过创建节点树来表示文档，是HTML和XML的应用程序接口（API），描述了处理网页内容的方法和接口，从而使开发者对文档的内容和结构具有空前的控制力，用DOM API可以轻松地删除、添加和替换节点以及设置文档中标签的属性。将一个html文档用DOM树表示如下图所示 。
HTML的DOM树节点包括:
1 元素节点：上图中<html>、<body>、<p>都是元素节点即标签
2 文本节点：向用户展示的内容，如<li></li>中的javascript、Dom、CSS等文本。
3 属性节点：元素属性，如<a>标签的链接属性
BOM讲解
BOM是browser object model的缩写，简称浏览器对象模型。简单说即是javascript访问， *** 作浏览器的一个中介。
BOM主要用于管理浏览器窗口之间的通讯，由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。通过BOM我们可以学到与浏览器窗口交互的一些对象，可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器， *** 作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等。因此它的核心对象是window。
Window对象是BOM中所有对象的核心，是BOM中所有对象的父对象。所以，尽管frame ,history……都是window的子对象，我们只要知道BOM *** 作的是对象是浏览器窗口（window），那么这些对象就可以直接使用，无需通过“window”来访问
BOM和DOM的关系
要想 *** 作网页，需要DOM来进行访问，但是仅仅只是网页内容。浏览器除了有显示的内容，还有一个重要的部分就是一个载体，它承载我们看到的内容。好比是一个框架，而 *** 作这个载体的对象我们把它叫做BOM。所以这样的结构，使得BOM，DOM各司其职，BOM负责跟浏览器框架打交道，DOM负责浏览器内容Document打交道。从上图中能更好的理解两者的关系。
以上就是关于js获取html元素的方式全部的内容，包括:js获取html元素的方式、数据量大的时候前端怎么把握页面的dom结构、Web前端面试题第六道—链接标记target与Dom，Bom等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）