JavaScript学习笔记(一) 根据类名获取元素

Chiclaim 发布于2019-08-21 10:22 / 3567人阅读

摘要：对象对象每个载入浏览器的文档都会成为对象。提示对象是对象的一部分，可通过属性对其进行访问。就是标签名，如方法返回元素的顺序是它们在文档中的顺序。根据类名获取元素

1.Document对象

Document对象：每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。

提示：Document对象是Window对象的一部分，可通过window.document属性对其进行访问。

2.getElementById()

// 封装getElementById()方法
function $(id){
    return document.getElementByid(id);
}

3.getElementsByName()

它查询的是元素的name属性。

因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

4.getElementsByTagName()

TagName就是标签名，如：、...

getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

5.getElementsByClass()

这个方法要自己写。

// 根据类名获取元素
function getElementsByClass(oParent,sClass){
    var aResult = [];
    var aNode = oParent.getElementsByTagName("*");
    for(var i=0; i

云服务器 GPU云服务器 javascript获取元素 javascript学习笔记学习笔记一 js如何获取一组元素

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85407.html

《JavaScript Dom编程艺术》读书笔记（五）

摘要：可以创建一个函数并让它返回一个数值一个字符串一个数组或一个布尔值。操作符可以告诉我们它的操作数是一个字符串数值函数布尔值还是对象，例如在浏览器中加载这个例子时，会弹出一个对话框，报告的类型它是一个对象。函数如果需要多次使用同一段代码，可以把它们封装成一个函数。函数就是一组允许在你的代码里随时调用的语句。事实上，每个函数实际是一个短小的脚本。先对函数做出定义再调用是一个良好的编程习...

levy9527 2019-08-19 18:24 评论0 收藏0
javascript dom 编程读书笔记

摘要：设定浏览器属性的属性的方法叫做驼峰式命名是函数名方法名和对象属性名的命名首选格式。由浏览器预先定义的对象被称为宿主对象。在给某个元素添加了事件处理函数后，一旦事件发生，相应的代码就会执行。 1.JavaScript是一个使网页具有交互能力的程序设计语言。 2.设定浏览器属性的属性的方法叫做BOM. 3.驼峰式命名（myMood）是函数名、方法名和对象属性名的命名首选格式。 4.命名变量...

cyixlq 2019-08-23 10:22 评论0 收藏0
JavaScript笔记——常见DOM知识

摘要：前言本篇文章以介绍常见的节点知识元素操作方法为目的，其中也对一些比较容易忽略的问题进行简要说明。此外，还有一些方式可以获得相关的元素节点。利用字符串拼接使用字符串拼接的方法插入元素是效率最高的。前言本篇文章以介绍常见的DOM节点知识、DOM元素操作方法为目的，其中也对一些比较容易忽略的问题进行简要说明。才疏学浅，如有纰漏之处或建议欢迎留下评论。 Node节点首先，简单看看Node...

madthumb 2019-08-20 18:58 评论0 收藏0
CSS学习笔记(三) CSS选择器

摘要：规则命名惯例规则由选择符和声明两部分组成，其中选择符用于指出规则所要选择的元素，声明则又由两部分组成属性和值。用于选择作为指定祖先元素后代的标签。维基百科在其引证中大量使用了伪类。维基百科的引证链接就是正文里那些不起眼的数字链接。 1.为文档添加样式的三种方法行内样式（写在特定 HTML 标签的 style 属性里）嵌入样式（嵌入的 CSS 样式是放在 HTML 文档的 hea...

charles_paul 2019-08-28 18:01 评论0 收藏0
vue学习笔记（二）

摘要：供用户在相应的阶段对其进行操作。我们像下面这样使用这个指令大多数情况下，我们只需要使用与钩子函数。里提供了函数的简写形式钩子函数有两个常用的参数和。其他用法与全局自定义指令一致。一、vue生命周期 vue实例从创建到销毁的过程，称为生命周期，共有八个阶段。这八个阶段里分别有一个叫做钩子函数的实例选项。供用户在相应的阶段对其进行操作。 beforeCreate(){ //组件实例刚...

klivitamJ 2019-08-30 13:48 评论0 收藏0