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

相关推荐
To_OC3 小时前
别再瞎写 React Router!7 个高频踩坑点一次性讲透
前端·javascript·react.js
岭南灯火5 小时前
前端通用交互式几何编辑器的开发经验
前端·设计模式·架构
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 7 - 设计模式与原则
前端·设计模式·架构
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 4 - 绘制、悬停与编辑
前端·设计模式·架构
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 3 - 数据对象的设计
前端·javascript·架构
Jackson__5 小时前
从 LLM 到 Agent:一篇文章搞懂 AI 圈热词!
前端·agent·ai编程
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 2 - 交互事件流
前端·javascript·架构
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 6 - 配套设施与工程化
前端·设计模式·架构
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 5 - 辅助元素的设计
前端·设计模式·架构
岭南灯火5 小时前
前端通用交互式几何编辑器的设计法则 1 - 入口的对象及其成员
前端·javascript·架构