JS笔记(自用)

1、js输出:console.log("hellowworld");

2、变量定义:var,变量名区分大小写

3、数据类型:

  • 基本数据类型:number(整数浮点数,NaN非数,正负无穷大)。boolean。undedined。null。string
  • 引用数据类型:JS对象:内置对象和自定义对象

4、强制类型转换:Number("123")将字符串123转为数字

Nubber细分:parseInt(),parseFloat()

5、自定义对象:var item = new Object();

或者:var item = { 对象内容}

6、获取整个对象:var ele = Document.getElementById/Name/...

7、获取对象后可以获取属性值:var attr = ele.getAttribute("class");

判断是否存在:var flag = ele.hasAttribute("class");

设置或添加:ele.setAttribute("name","aaa");

移除: ele.removeAttribute("class");

8、元素内容操作,ele.innerHTML += "<span>新内容</span>"

ele.innerText = "新内容只包含文本"

9、通过父子结点相互查找:ele = ele2.parentNode;

ele = ele2.children;循环可访问所有

10、创建元素:var p = document.createElement("p"); p.innerText = "内容";

插入:ele.appendChild(p);

插入位置可控。

11、删除结点元素:找到父元素,删掉子元素:

parent.removeChild(father);

相关推荐
海兰3 分钟前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(三)
javascript·python·金融
wangruofeng14 分钟前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
自小吃多24 分钟前
DXF文件导入与PCB板框定义笔记
笔记·嵌入式硬件
BigTopOne33 分钟前
WebRTC Native / Android 开发学习资源整理
前端
excel2 小时前
nuxt 3 升级 nuxt 4 报错之 hasInjectionContext
前端
小磊哥er2 小时前
深入解构Claude Code - 第 7 篇 · 连接外面的世界
javascript·ai编程
何以解忧,唯有..2 小时前
LangChain 工具调用(Tool Calling)实战指南
java·前端·langchain
jike_20262 小时前
iPhone采访录音同时拍现场照片的APP:图片音频同步记录实测
笔记·智能手机·音视频·语音识别
小磊哥er2 小时前
深入解构Claude Code - 第 6 篇 · 终端里的图形界面
javascript·ai编程
海兰2 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(一)
javascript·python·金融