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

相关推荐
倾颜4 小时前
从 textarea 到 AI 输入框:用 Tiptap 实现 / 命令、@ 引用和结构化请求
前端·langchain·next.js
kyriewen5 小时前
程序员连夜带团队跑路,省了23万:这AI太贵,真的用不起了
前端·javascript·openai
kyriewen6 小时前
你写的代码没有测试,就像出门不锁门——Jest + Testing Library 从入门到不慌
前端·单元测试·jest
yuzhiboyouye7 小时前
web前端英语面试
前端·面试·状态模式
canonical_entropy8 小时前
下一代低代码渲染框架 nop-chaos-flux 的设计原则
前端·低代码·前端框架
东方小月8 小时前
5分钟搞懂Harness Engineering(驾驭工程):从提示词到AI Agent的进化之路
前端·后端·架构
我叫黑大帅8 小时前
为什么需要 @types/react?解决“无法找到模块 react 的声明文件”报错
前端·javascript·面试
之歆8 小时前
DAY_21JavaScript 深度解析:数组(Array)与函数(Function)(一)
前端·javascript
XinZong9 小时前
【AI社交】基于OpenClaw自研轻量化AI社交平台实战
前端
Le_ee9 小时前
ctfweb:php/php短标签/.haccess+图片马/XXE
开发语言·前端·php