首页 > 其他分享 >Js DOM(2)

Js DOM(2)

时间:2024-09-23 10:23:27浏览次数:6  
标签:DOM 对象 Js 获取 onclick 属性

(1).在DOM将各个标签分成很多类,实现了编程对象进行管理.通过id,name,class,等等的方式可以快速获取到对象.
(2).获取对象之后可以对对象的各个属性进行修改,从而实现页面的调整,下面是一个样例开关灯,和全选反选
(3)这需要用到事件的监听功能

实现监听有两种方式:
a.给对象的属性赋值如 input 中onclick="f()",在body外使用sj的技术定义f()
这个函数就可以实现
b.在js代码中使用getElementbyXXX的方式获取元素然后对元素中的onclick属性进行修改
这个是我做的简单案例:


点击两个按钮会弹出两句话

标签:DOM,对象,Js,获取,onclick,属性
From: https://www.cnblogs.com/yuanshitianzun123/p/18426535

相关文章

  • Fes.js :一个基于 Vue 3 好用的前端应用解决方案,开源且免费!
    在前端开发的世界中,如何快速且高效地构建应用程序,常常成为开发者的核心挑战。构建一个完整的前端项目,需要从零开始搭建开发环境、封装API请求、配置路由、处理权限管理等,这无疑是一项繁琐的任务。......
  • system.text.Json 针对继承多态类型的集合,使用自定义Converter,进行json序列化
    测试类:[JsonConverter(typeof(PersonConverter))]publicclassPerson{publicstringFirstName{get;set;}publicstringLastName{get;set;}}[JsonConverter(typeof(PersonConverter))]publicclassEmployee:Person{pub......
  • JS输出为[object object] 如何解决以及原因
    参考文档:https://blog.csdn.net/weixin_48141487/article/details/121758541 问题描述项目中,欲在控制台输出变量res(自定义对象)查看数据,代码为:console.log('res:'+res);但控制台显示结果为res:[objectObject],并非想要查看的数据。最基本的要求是先去掉+号,试试看问题原因1......
  • Js中获取鼠标中的某一个点的位置以及getBoundingClientRect
    getBoundingClientRect() 是一个用于获取元素位置和尺寸信息的方法。它返回一个DOMRect对象,其提供了元素的大小及其相对于视口的位置,其中包含了以下属性: x:元素左边界相对于视口的x坐标。y:元素上边界相对于视口的y坐标。width:元素的宽度。height:元素的高度。top:元素......
  • JS中的for...in和for...of有什么区别?
    你好,我是沐爸,欢迎点赞、收藏、评论和关注。在JavaScript中,for...in和for...of是两种用于遍历数组(或其他可迭代对象)的循环语句,但它们之间存在显著的差异。一、遍历数组for…inconstarr=['apple','banana','cherry']for(constindexinarr){console.l......
  • 【接口自动化测试】jsonpath应用:提取数据、断言、接口关联
    安装命令pipinstalljsonpath表达式importjsonpathres=jsonpath.jsonpath(obj,expr)1、返回结果要么是list,要么是False2、obj 要提取的对象,应为字典类型。报文的格式是json,必须进行数据的转换, 用json.loads()将json转换成字典类型   expr jsonpath表......
  • 面试-JS异步进阶
    面试题:......
  • 视野修炼-技术周刊第102期 | js 编译运行C
    欢迎来到第102期的【视野修炼-技术周刊】,下面是本期的精选内容简介......
  • Express、Koa、Egg.js:Node.js框架的对比与选择
    摘要:本文将对比分析Express、Koa、Egg.js这三个Node.js框架的特点、优势和应用场景,帮助读者根据实际需求选择最适合的框架。引言:在现代Web开发中,Node.js框架是不可或缺的工具。Express、Koa、Egg.js是三种流行的Node.js框架,它们各自具有独特的特点和优势。本文将详细对比分析这三......
  • fastjson反序列化漏洞
    fastjson将java中的类和json相互转化的一个工具.简单使用javabean类转jsonpublicclassFastjsonTest{publicstaticvoidmain(String[]args){Useruser=newUser();Stringjson=JSON.toJSONString(user);System.out.println(json);......