获取元素方法与数组

最新推荐文章于 2023-12-10 15:59:47 发布
最新推荐文章于 2023-12-10 15:59:47 发布
阅读量1.7k 收藏
点赞数 1
分类专栏： web前端 HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43437202/article/details/84729051
版权

获取元素方法：

(1), 通过js的dom方法:getElementById() :根据元素的id获取元素
(2),通过getElementsByClassName():根据元素的class获取页面元素;
(3),通过getElementsByTagName(): 根据元素标签的名称获取页面元素;


<html>
    <head>
       <meta charset="utf-8" />
       <title></title>
       <script type="text/javascript">
//通过getElementById();
window.function(){
var div=document.getElementById('id2');
div.style.width='300px';
div.style.height=300+'px';
div.style.borderRadius=150+'px';
div.style.background='pink';
div.style.margin='auto';
div.style.color='purple';
div.innerText='待我半生戎马，许你浪迹天涯';
div.innerText='<br/>'
div.innerText='待我了无牵挂，许你花前月下';
div.style.textAlign='center';div.style.lineHeight=300+'px';
var divContent=div.innerText;(获取页面中文本元素)
var divContent=div.innerHtml;(获取页面中文本元素,包括HTML元素)
alert(divContent);

通过getElementsByClassName();
var div=document.getElementsByClassName('cs5')[0];
div.style.width=200+'px';
div.style.height=200+'px';
div.style.background='green';
var div=document.getElementsByClassName('cs5')[1];
div.style.width=300+'px';
div.style.height=300+'px';
div.style.background='blue';


通过getElementsByTagName();
var div=document.getElementsByTagName('div')[1];
 var div=div.innerHTML;
 alert(div);


</script>
 </head>
 
 <body>
  <div id="id2"></div>
   <div class="css">
    <div class="cs5"></div>
    <div class="cs5"></div>
    <div class="cs5"></div>
  </div>
 </body>
</html>

数组

1,声明数组
语法结构:
var 数组名称=new Array();
var 数组名称=[值];
2,数组的初始化
js是一种弱类型的脚本语言,索引可以存储不同数据类型

2,数组的初始化
初始化一个数组有三种方法：
第一种方式：
数组名称=new Array();
数组名称[0]=值;
数组名称[1]=值;
数组名称[2]=值;
第二种方式：数组名称=new Array(‘值’,‘值’,‘值’,‘值’);
第三种方式：数组名称=[‘值，值，值’];
数组的属性：length 获取数组的数据长度
3. 操作数组中数据的方法
(1) Join()：将数组成员通过一个分割符合并成字符串
(2) Push()和 pop()：从数组最后增加成员或是删除成员
(3) Unshift()和 shift()：从数组的前面增加成员或是删除成员
(4) Reverse()：将数组的数值进行翻转
(5) Indexof()：返回数组中元素第一次出现的索引值
(6) Splice()：在数组中增加或是删除成员
(7) Slice()：从一个数组中选择（截取）元素

在这里插入图片描述

zxh...
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
获取元素的几种方式
weixin_50696999的博客
10-04 3539
获取元素 1.1 获取元素 根据ID获取 语法：document.getElementById(id) 作用：根据ID获取元素对象 参数：ID值，区分大小写的字符串 返回值：元素对象 或 null 案例代码： 1.2 根据标签名获取元素 语法：document.getElementsByTagName(‘标签名’) 或者 element.getElementsByTagName(‘标签名’) 作用：根据标签名获取元素对象 参数：标签名 返回值：元素对象集合（伪元素，数组元素是元素对象） 注意： 1.因
js代码片段之 捕获的元素内容转换成数组
Red_Liu
06-20 693
HTML <ul class="navs"> <li><a href="">网站首页<span>HOME</span></a></li> <li><a href="">关于我们<span>ABOUT US</span></a></li> ...
数组常用方法整理
yinmeizhuang的博客
05-26 173
数组常用方法 有序的值的集合 是一个对象 数组是使用数字作为索引的操作元素 索引：从0开始的整数 每一个数组都有元素，每一个元素在数值中都有一个位置，分别用数字表示 创建方式： 1.构造数组： var arr = new Array (); console.log(typeof arr); //object 1>.向数组中添加元素 语法：数组[索引] = 值； arr[0] ...
数组的元素
weixin_65538003的博客
03-30 747
数组 * - 数组元素 * - 下标（索引） 元素在数组中的位置，从 0 开始取值，只能取整数 * - 值 可以任意一种类型的数据 * - 数组维数 * - 一维数组 值的集合 * - 二维数组 一维数组的集合，值就是一个一维数组 * - 三维数组 二维数组的集合，值就是一个二维数组 * - 多维数组 var name =...
介绍获取元素的几种常见方式
tjy1124的博客
05-11 276
介绍获取元素的几种常见方式 1.根据id获取元素 document.getElementById("id属性的值"); 返回值是一个元素对象2.根据标签名字获取元素 document.getElementsByTagName("标签的名字"); 返回值是一个伪数组3.根据name属性的值获取元素 document.getElementsByName("name属性的值"); 返回值是一个伪数组4.根据类样式的名字获取元素 document.getElementsByClassName("类样式的名..
JavaScript使用slice函数获取数组部分元素的方法
10-24
主要介绍了JavaScript使用slice函数获取数组部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
AngularJS遍历获取数组元素的方法示例
10-19
主要介绍了AngularJS遍历获取数组元素的方法,涉及AngularJS简单的数组遍历及元素获取相关操作技巧,需要的朋友可以参考下
数组洗牌随机获取元素
11-21
1.生成26个英文字母， 2.数组洗牌随机获取n个元素， 3.获取到的随机数组元素比较， 4.输出相同元素 不同元素
Vue 获取数组键名的方法
12-02
我们要从"main"数组的第一个元素中获取键名作为标题。以下是关于如何在Vue中实现这一操作的详细解释。 首先，让我们分析给定的JSON数据结构： ```json { "head": [{"brand": "../static/images/brand.svg"}], ...
python获取元素在数组中索引号的方法
01-20
本文实例讲述了python获取元素在数组中索引号的方法。分享给大家供大家参考。具体如下： 这里python是通过index方法获取索引号的 li = ['a', 'b', 'new', 'D', 'z', 'example', 'new', 'two', 'elements'] print li...
javascript 获取数组元素
最新发布
猿码互联
12-10 197
需要注意的是，展开运算符只能展开一层，即只能展开数组中的元素，不能展开数组中元素中的元素。在 JavaScript 中，可以使用展开运算符（Spread Operator）来展开数组中的数组元素。生成了一个新的数组，然后使用解构将这个新数组中的元素分别赋值给了数组中的第一个元素和第二个元素。方法来删除数组中的元素，因为它会真正的删除掉该元素，并且可以保持数组的连续性。在上面的示例中，使用数组解构将数组中的第一个元素和第二个元素交换。如果数组中的数组元素不是定长的，也可以使用展开运算符来展开。
获取数组元素
qq_45445770的博客
11-21 979
静态访问数组元素 例如一组数组: int [] arrayA = {10, 20,30}; System.out.println(arrayA[0]);//获得的就是10这个元素 也可以将数组中的某个元素单独提取出来 例如：定义一个新的变量，将数组中的某个数据赋值给新的变量 int num =arrayA[1];//此时是将数组中的第二个元素20赋值给num 动态访问数组元素 动态数组没有具体的元素内容，会自动默认一个值 但可以将某个值赋给数组中的元素 运行结果为： ...
数组的所有方法
热门推荐
weixin_43627806的博客
03-04 2万+
JavaScript中创建数组有两种方式 （一）使用 Array 构造函数： var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组 （二）var 创建数组 var arr4 = [...
从数组中取出n个元素的所有组合（递归实现）
withme的博客
04-27 1万+
从数组中取出n个元素的所有组合（递归实现）
C中获取数组值的几种方式
qq_18671205的博客
04-18 9822
#include<stdio.h> void main() { int i,arr[5]={1,3,5,7,9}; int *p1; p1=arr; //p1指针指向数组的第一个元素 for(i=0;i<5;i++) printf("%3d",arr[i]); printf("\n"); fo...
js数组（Array）
xxxx的博客
01-31 1万+
目录 一：什么是数组？ 二：利用new创建数组 三：利用数组字面量创建数组 四：数组元素的类型 五：获取数组中的元素 六：遍历数组 七：数组的长度 八：数组的最大值 九：数组转换为字符串 十：数组中新增元素 十一：数组函数 十二：修改数组中的值 一：什么是数组？ 数组是一组数据的集合，其中每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将数据存储在单个变量名下的优雅方式。 二：利用new创建数组 ：Array A要大写...
访问数组元素进行获取
dearzls233的博客
07-30 655
/* 访问数组元素进行获取 直接打印数组名称，得到的时数组对应的内存地址哈希值。 访问数组元素的格式：数组名称[索引值] 【注意】：索引值从0开始，一直到"数组的长度-1"为止。 */ package com.xiaxia; public class Array2 {// array：数组 public static void main(String[] args) { int[] arr...
java：获取数组中的元素（一）
小蜗牛764号的博客
11-25 1万+
获取数组中的元素相关说明源码运行结果 相关说明 length（长度） 二维数组要经过每个元素，要用两次for循环，比如二维数组work[][], 第一个for循环里int one<iwork.length时可以认为它先换成了行， 然后在此基础上（行的基础上）， 第二个for里int two<work[i].length时可以认为是从从行分散到元素。 对于Stirng（字符串类型），用好...
js如何获取元素数组
07-27
在JavaScript中，可以使用多种方法来获取元素数组。其中一种常用的方法是使用数组的forEach方法。forEach方法接受一个回调函数作为参数，该回调函数会对数组的每个元素进行操作。在回调函数中，可以通过参数获取到...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值