当前位置: 首页 > news >正文

javascript学习之路之元素获取和设置属性

收拾心情,学习学习js!总结下自己的学习所得!

现有的有三种方法可以获取元素的节点,分别是通过元素ID,通过标签名和类名来获取的

1.GetElmentById:将返回一个与那个有给定ID属性的值的元素节点对应的对象,方法只有一个参数,元素的id属性的值必须放在单引号或双引号里

documrnt.GetElmentById(id)

 

2.GetElmentsByTagName:方法返回一个对象数组,每个对象分别对应这文档里有给定标签的一个元素,它的参数就是标签的名字

dovument.GetElmentsByTagName(tag)

3.GetElmentsByClassName:返回一个具有相同类名的元素的数组,只接受一个参数,就是类名

document.GetElmentsByClassName(class)

获取和设置属性

1.getAttribute:是一个函数,他只有一个参数---打算查询的属性的名字,他只能通过元素节点对象调用,只能用于元素节点。例如他可以与GetElmentsByTagName方法合用,获取每一个<p>元素的title属性

var paras=document.GetElmentsByTagName("p");
for(var i=0;i<paras.length;i++)
{
     alert(paras[i].getAttribute("title"));  
}

2.setAttribute:运行对属性节点的值做出修改,只能用于元素节点。

object.setAttribute(attribute,value);

这里值得注意的地方:通过setAttribute对文档做出修改后,再通过浏览器的view source(查看源代码)选项去查看文档源码时看到的仍是改变之前的属性值,也就是说setAttribute做出的修改不会反映在文档的源代码里,这这种现象来源dom的工作模式,先加载文档的静态内容,在动态刷新,动态刷新不影响文档的静态内容,也就是说,对页面内容进行刷新却不需要在浏览器里刷新页面

 

相关文章:

  • Mongo数据模型
  • linux目录结构,文件管理
  • 键盘ASCII码
  • 数据备份 rsyncd服务器
  • 奇葩属性:layout_weight 的解释及使用
  • DDoS***防御和分析
  • Oracle字符分隔函数(split)
  • 编译u-boot命令和u-boot常用命令
  • Win7的ftp功能
  • 初识linux之LEMP
  • ORACLE expdp/impdp详解
  • Java中的String对象是不可变的吗
  • 9款极具创意的HTML5/CSS3进度条动画
  • 一、NGINX简介
  • 页面工具集
  • 分享一款快速APP功能测试工具
  • [译] 理解数组在 PHP 内部的实现(给PHP开发者的PHP源码-第四部分)
  • 【跃迁之路】【585天】程序员高效学习方法论探索系列(实验阶段342-2018.09.13)...
  • Asm.js的简单介绍
  • extjs4学习之配置
  • HTML5新特性总结
  • JavaScript中的对象个人分享
  • Octave 入门
  • Odoo domain写法及运用
  • Protobuf3语言指南
  • Python代码面试必读 - Data Structures and Algorithms in Python
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • RxJS: 简单入门
  • 电商搜索引擎的架构设计和性能优化
  • 观察者模式实现非直接耦合
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 警报:线上事故之CountDownLatch的威力
  • 面试遇到的一些题
  • 批量截取pdf文件
  • 深度学习中的信息论知识详解
  • 腾讯优测优分享 | Android碎片化问题小结——关于闪光灯的那些事儿
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • ​Spring Boot 分片上传文件
  • # 深度解析 Socket 与 WebSocket:原理、区别与应用
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • (¥1011)-(一千零一拾一元整)输出
  • (附源码)ssm本科教学合格评估管理系统 毕业设计 180916
  • (附源码)计算机毕业设计ssm基于B_S的汽车售后服务管理系统
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (更新)A股上市公司华证ESG评级得分稳健性校验ESG得分年均值中位数(2009-2023年.12)
  • (原创)Stanford Machine Learning (by Andrew NG) --- (week 9) Anomaly DetectionRecommender Systems...
  • (转)负载均衡,回话保持,cookie
  • (转)平衡树
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • .NET Core 项目指定SDK版本
  • .net MySql
  • .NET 回调、接口回调、 委托
  • .NET 中使用 Mutex 进行跨越进程边界的同步
  • .Net6使用WebSocket与前端进行通信