js相关的dom方法

news/2024/4/27 13:55:21

查找元素

//获取元素id为box的元素
document.getElementById('box')
//获取元素类名为box的元素
document.getElementsByClassName('box')
//获取标签名为div的元素
document.getElementsByTagName('div')

改变元素

//设置id为box的元素内容
document.getElementById("box").innerHTML = '222222'

创建元素

//创建一个div元素
var domDiv = document.createElement('div')//给元素设置行内属性(属性名: total,属性值: 100)
domDiv.setAttribute('total', '100')//并插入到id为box的元素中
document.getElementById('box').appendChild(domDiv)

添加事件

给id为box的元素添加点击事件

document.getElementById('box').onclick = function(){console.log('点击id为box的元素')
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/11124.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

前端小白的学习之路(webpack)

提示:webpack简介,nvm,npm配置环境,常用命令,基本web项目构建 目录 webpack 1.配置环境 1)node.js node常用命令 2)nvm nvm常用命令: 3)npm npm常用命令 2.构建简易web项目 1)创建目录 2)安装webpack依赖 3)配置 webpac…

前端发版上线出现白屏问题

目录 路由配置问题资源缓存问题首屏加载过慢 :喂,你的页面白啦! 出现上线白屏的问题有很多,如:配置错误、缓存问题、浏览器兼容问题,根据不同情况去解决。 路由配置问题 问题描述: 在vue开发…

阿里云2核4G服务器优惠价格30元、165元和199元1年,轻量和ECS

阿里云2核4G服务器租用优惠价格,轻量2核4G服务器165元一年、u1服务器2核4G5M带宽199元一年、云服务器e实例30元3个月,活动链接 aliyunfuwuqi.com/go/aliyun 活动链接如下图: 阿里云2核4G服务器优惠价格 轻量应用服务器2核2G4M带宽、60GB高效…

aspect-ratio宽高比

<div class"wrapper"><div class"item">grid-tamplate-columns&#xff1a;设置容器每列的宽度(项目的宽度)grid-template-rows&#xff1a;设置容器每行的宽度(项目的高度)grid-row-gap&#xff1a;设置每行之间的行间距grid-column-gap&…

Token的详解

Token的详解 文章目录 Token的详解前言:简介:使用token&#xff1a; 前言: 为什么会用到Token&#xff0c;因为cookie和session一些自身的缺点&#xff0c;限制了一些功能的实现&#xff0c;比如&#xff1a; cookie&#xff1a;优点是节省服务器空间&#xff0c;缺点不安全。…

程序猿成长之路之数据挖掘篇——数据挖掘介绍

随着java的发展&#xff0c;数据挖掘也变得逐渐热门&#xff0c;我们随手打开一个购物网站&#xff0c;首先映入眼帘的便是五花八门的推荐的物品&#xff0c;又如我们逛抖音、快手&#xff0c;就在我们上下刷屏的过程中&#xff0c;系统就会不停的推荐新的视频内容过来。不论是…