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);

相关推荐
zhangrelay14 小时前
三分钟云课实践速通--工程制图基础-3D--FreeCAD
笔记·学习·3d
牧码岛15 小时前
Web前端之JavaScrip中的Array、Object、Map和Set详解
前端·javascript·web·web前端
Bigger15 小时前
😮‍💨 有了 AI 之后,我怎么感觉反而更累了?
前端·aigc·ai编程
Dxy123931021615 小时前
HTML中使用Canvas动态图形渲染:解锁Web交互新维度
前端·html·图形渲染
西陵15 小时前
如何实现 Claude 生成式 UI?一套可落地的工程方案
前端·人工智能·ai编程
FlyWIHTSKY15 小时前
Vue 3 + 原生 CSS Float
前端·css·vue.js
energy_DT15 小时前
2026海上钻井平台可视化运维:红外热成像、超声波、AI视频巡检、数字孪生
前端
ONLYOFFICE15 小时前
如何将 Word 集成到 Web 应用程序? 5 种方法详解与对比
前端·word·onlyoffice
533_15 小时前
[pinia] vue3中监听pinia值的变化
前端·javascript·vue.js
AlenLi15 小时前
JavaScript - 相对实用的Axios二次封装
前端·javascript