![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM
Moving up
.
展开
-
DOM总结(有后续)
1、什么是DOM?文本对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(html或XML)的标准编程接口。W3C已经定义了一系列的DOM接口,通过这些DOM接口可以改变网页的内容,结构,样式。2、获取元素JS获取DOM元素的方法(8种)通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElements原创 2022-03-21 21:01:39 · 1320 阅读 · 0 评论 -
发布框案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } .box{ width: 600px; margin: 50px auto; } .text{ wid.原创 2022-03-20 20:53:25 · 722 阅读 · 0 评论 -
全选全不选反选案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } button{ margin: 0 5px; } input{ margin-left: 10px; }.原创 2022-03-20 20:51:33 · 99 阅读 · 0 评论 -
tab切换案例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } .item,ul,li{ list-style: none; } a{ text-decoration: n.原创 2022-03-20 20:49:52 · 746 阅读 · 0 评论 -
添加删除记录案例
CSS部分<style type="text/css"> *{ margin: 0; padding: 0; } tr td th{ margin: 0; padding: 0; } #employeeTable{ margin: 50px auto; } #employeeTable td{ border: 1px solid black; } #employeeTable th{原创 2022-03-20 20:46:18 · 82 阅读 · 0 评论