JS获取元素、修改元素css样式标签属性、简单事件、数据类型基本使⽤
写在Script 标签⾥
引⼊外部js⽂件：<script src=" "></script>
console.log(" ") ⽅法⽤于在控制台输出信息
注意事项
严格区⼤⼩写
每⼀⾏完整语句后⾯加分号
变量名不能使⽤关键字和保留字
代码要缩进，保持可读性
修改元素内容
获取元素
通过id获取元素：ElementById(“”);
div border属性通过class名字获取元素：ElementsByClassName(“”);
通过标签名获取元素：ElementsByTagName(“”);
通过 name的属性获取元素，⼀般⽤于input：ElementsByName(“”);
通过CSS选择器获取⼀个：document.querySelector (“”);
通过CSS选择器获取所有：document.querySelectorAll(“”);
修改元素内容
var 是 js 定义变量的关键字：var content =
innerHTML 和 innerText 可以修改/获取（HTML内容和⽂本内容）：content.innerHTML="<h1>标题</h1>"
简单事件
单击事件：onclick
双击事件：ondblclick
⿏标划⼊：onmouseenter
⿏标划出：onmouseleave
窗⼝变化时：onresize
改变下拉框时：onchange
修改样式（通过js修改css）
获取元素：var box = ElementById("div1");
⽅法⼀：box.style.border="1px red solid";
⽅法⼆：box.style["border"]="1px red solid";
操作标签属性
⾃带属性
box.className="d1";
⾃定义属性
设置属性： box.setAttribute('aaa','bbb');
删除属性：veAttribute("class");
判断是否存在属性：box.hasAttribute("aaa")
数据类型
字符串：string
数字：number
⾮数字：NAN
布尔：boolean
未定义：undefined
空：null
对象：object
查看数据类型：typeof 变量名

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。