DOM
DOM记录
407指导员
世事漫随流水,算来一梦浮生。
展开
-
滚动条判断练习
滚动条练习目的:当我们阅读一些软件协议时,开始是灰色的。如果没有滚动到底部,无法点击确认,滚轮滑到底部就变成可点击。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滚动条训练</title> <style> #info { width: 300px;原创 2020-11-08 01:24:27 · 258 阅读 · 1 评论 -
js操作内联属性和获取当前属性
dom操作内联样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联样式</title> <style> #box1 { width: 200px; height: 200px; background-color: re原创 2020-11-04 01:12:31 · 271 阅读 · 0 评论 -
js添加删除数据记录
js添加删除数据记录<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/javascript" charset=UTF-8"> <title>添加删除记录练习</title> <link rel="stylesheet" type="text/css" href="ex_2_style/原创 2020-11-02 02:10:29 · 233 阅读 · 0 评论 -
DOM增删改操作
dom的增删改操作<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>dom增删改</title> <link rel="stylesheet" type="text/css" href="style/css2.css"/>原创 2020-10-31 16:05:46 · 351 阅读 · 0 评论 -
dom查询剩余方法
dom查询其他方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>dom查询的剩余方法</title> <script type="text/javascript"> window.onload = function () { //获取body元素,数组中的第一个原创 2020-10-30 00:45:19 · 144 阅读 · 0 评论 -
全选练习
全选练习js中和=的区别===是全等号,表示恒等的意思。==是等同的意思。==使用时,如果等号两边的值类型不同会先进行类型转换,才能比较。===使用时,是不需要做类型转换的,如果值不同,就一定不相等。1=="1"//true1==="1"//false<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选练习</title&g原创 2020-10-25 14:32:55 · 188 阅读 · 2 评论 -
DOM查询例子
dom查询完整例子加代码css部分@CHARSET "UTF-8";body { width: 800px; margin-left: auto; margin-right: auto;}button { width: 300px; margin-bottom: 10px;}#btnList { float:left;}#total{ width: 450px; float:left;}ul{ list-style-typ原创 2020-10-24 17:31:09 · 265 阅读 · 0 评论 -
DOM常用属性方法介绍
1.获取元素节点•通过document对象调用1.getElementById()–通过id属性获取一个元素节点对象2.getElementsByTagName()–通过标签名获取一组元素节点对象这个方法会给我们返回一个类数组对象,所有查询到的元素都会封装到对象中,不是数组。3.getElementsByName()–通过name属性获取一组元素节点对象后两个都是elements,复数意味可以多个相同标签或名字的对象2.获取元素节点的子节点•通过具体的元素节点调用(递归,必须先找到该原创 2020-10-24 17:27:31 · 338 阅读 · 0 评论 -
JS实现图片切换
图片切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片切换</title> <style> * { margin: 0; p(index+1)ing: 0; } #outer { w原创 2020-10-21 16:31:59 · 302 阅读 · 0 评论 -
HTML DOM树初步了解
什么是DOM• DOM,全称Document Object Model文档对象模型。• JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。• 文档– 文档表示的就是整个的HTML网页文档,,整个html文档就通过javascript来读取或修改其内容。• 对象– 对象表示将网页中的每一个部分都转换为了一个对象。整个网页也是对象,万物皆对象,可我还没有对象(__)。• 模型(就是一棵树)– 使用模型来表示对象之间的关系,这样方便我们获取对象。学了数据结原创 2020-10-18 17:25:34 · 347 阅读 · 0 评论