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

相关推荐
程序员大阳2 小时前
HTML+CSS+JS对话式实战(5)-活动管理页之查看报名名单的实现
javascript·css·html·查看报名名单
曦樂~3 小时前
【Web Development】02 CSS
前端·css
风骏时光牛马3 小时前
后端服务接口开发与数据逻辑处理
前端
东鹏特饮3 小时前
经典打砖块(Breakout)游戏
前端·css·css3
IT_陈寒3 小时前
Vite的HMR把我整不会了:一个生产环境的热更新坑
前端·人工智能·后端
Mh3 小时前
如何使用双缓冲优化视频切换
前端
risenav3 小时前
低头蓄力,抬头起跳:《萤虫跳跳》的 Rokid AIUI 开发实战
前端
ZhengEnCi4 小时前
如何看待 Fable 5.2 用纯代码生成 1.4MB 视觉作品:光追、水面、倒影、火光的程序化生成原理
前端
再吃一根胡萝卜4 小时前
DSH 插件的 Host 与 Client:为什么「只加载了 Host」,以及要不要自己写 Client 加载器
前端
parade岁月5 小时前
AI 写的前端代码为什么总像 5 年前的?Chrome 官方出手了
前端