![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
文章平均质量分 94
JamTin
这个作者很懒,什么都没留下…
展开
-
JS事件的传播
JS事件的传播给个例子,我们熟悉的冒泡:<script type="text/javascript"> //绑定函数 function bind(obj, eventStr, callback) { if(obj.addEventListener) { //大部分浏览器 obj.addEventListener(eventStr, callback, false); }else {原创 2020-08-21 18:15:13 · 126 阅读 · 0 评论 -
JS事件的绑定
JS事件的绑定使用 对象.事件 = 函数 的形式绑定响应函数,不能绑定多个,如果绑定了多个,后边的会覆盖掉前面的。如:给button绑定点击事件<script type="text/javascript"> window.onload = function () { var btn1 = document.getElementById("btn1"); btn1.onclick = function() { alert原创 2020-08-21 18:12:02 · 134 阅读 · 0 评论 -
JS的事件冒泡
JS的事件冒泡和委派直接演示一下什么是JS的事件冒泡,上代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #box1 { height: 12.5rem; width: 12.5rem; background-colo原创 2020-08-21 18:09:08 · 144 阅读 · 0 评论 -
JS的DOM操作css
JS的DOM操作css通过JS修改元素的样式:获取内联样式语法:元素.style.样式名 = 样式值注意:如果CSS的样式命名中含有 - ,比如: background-color 。需要去掉- ,使用驼峰命名法。改为: backgroundColor 。给定一个200px的红色盒子box1、点击按钮1修改box1大小,<!DOCTYPE html><html> <head> <meta charset="utf-8"> <t原创 2020-08-21 18:04:33 · 248 阅读 · 0 评论 -
JS的DOM增删
JS的DOM增删<body> <ul id="city"> <li>北京</li> </ul> <input type="button" id="btn01" value="按钮" /></body>增加元素节点li广州<script type="text/javascript"> function myClick(id, fun) {原创 2020-08-17 15:29:41 · 148 阅读 · 0 评论 -
JavaScript全选练习
JavaScript全选练习实现功能如下:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { //复选框 var checkedAllBox = document.get原创 2020-08-17 15:28:12 · 190 阅读 · 0 评论 -
JS的DOM
JS的DOM简介DOM,全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲地操作WEB页面。文档文档表示的就是整个HTML网页文档对象对象表示将网页中的每一部分都转换为一个对象(网页每个节点都是对象)。模型使用模型来表示对象之间的关系,这样方便获取对象。节点节点:Node——构成HTML文档最基本的单元。常用节点分为四类文档节点(document):整个原创 2020-08-16 15:40:37 · 208 阅读 · 0 评论