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 · 1374 阅读 · 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 · 756 阅读 · 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 · 130 阅读 · 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 · 776 阅读 · 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 · 107 阅读 · 0 评论