DOM针对表格表单以及CSS

1、表格操作(只针对表格)
-创建
tableElement.insertRow(position) - 新增一行
rowElement.insertCell(position) - 新增一个单元格
(这里需要注意的是:position从0开始)
-删除
tableElement.deleteRow(position)
rowElement.deleteCell(position)
-访问
tableElement.rows - 表格中的行
rowElement.cells - 行中的列
2、表单控件
-输入框:value - 值 针对所有表单控件都能获取到
-select 下拉框
option 节点取值
value - 使用通用属性来获取值
text - 使用通用属性来获取文本
selected - 是否被选中
defaultSelected - 是否默认被选中
3、 radio 单选框和 checkbox 复选框
value - 使用通用属性获取值。
checked - 是否被选中。
4、操作元素属性
node.setAttribute("attrName", "val") - 修改或新增某属性 "attrName" 的值为 "val" 。
node.getAttribute("attrName") - 获取某属性 "attrName" 的值。
node.removeAttribute("attrName") - 删除某属性
5、DOM操作CSS
内联样式:
CSS 样式属性 DOM 写法
background-color node.style.backgroundColor
color node.style.color
font node.style.font
font-family node.style.fontFamily
(注意这里是驼峰命名,第二单词的首字母是大写)

时间: 2024-12-21 06:39:31

DOM针对表格表单以及CSS的相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

html表单输入框css样式美化特效源代码下载

html表单输入框css样式美化源代码,响应鼠标动作 原文:html表单输入框css样式美化特效源代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463335926784.htm 源代码截图:

HTML表格表单综合——用户注册表

今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo

前端html表单与css样式

h2 { background-color: green } 1,from标签 from标签的功能是向服务器传输数据,实现用户交互的重要标签. from标签的具体使用: input标签使用示例: <from action="" method="post"> <p>姓名:<input type="text" name="names"> </p> <p>用户名:<i

表格 表单总结

HTML表格table <table>标签表示这是一个表格,构成元素有<tr>.<td>.<th> HTML表单 **form** <form>标签表示这是一个表单,它的属性有action. method,action表示提交到的地址, method表示提交的方式,有post和get **input** <input>标签表示输入控件,它的属性有type,type的有: text 表示文本框 radio 表示单选框 checkbox

CSS3-animation,表格表单的格式化

animation 1.与transition一样,animation在IE9之前都不支持,不仅如此,还需要大量的供应商前缀 2.定义关键帧:@内容中需要大量的前缀 @keyframes  fadeIn(animationName) from{ } 50%{ } to{ } /*from起始关键帧,to结束关键帧,也可以用0%,100%分别表示起始与结束*/ oparity的值为0表示不可见,为1的时候表示完全可见 3.在元素中应用: .b{ animation-name:fadeIn: ani

页面的组成-列表/表格/表单/视频音频

回顾 CSS属性 边框属性 border:border-styleborder-colorborder-width border-left: border-rightborder-bottomborder-top border-style-leftborder-style-rightborder-style-topborder-style-bottom border-*-left/top/right/bottom 内边距 pading / padding-left/right/top/botto

网站前端_Bootstrap.基础入门.0002.排版/列表/表格/表单/按钮/图像?

通用技能: # 文档类型 <!DOCTYPE html> <html lang="zh-cn">     <!-- Html Code --> </html> 说明: 由于BootStrap基于HTML5,所以所有的HTML文件都需要在其顶部引用HTML5的DOCTYPE属性. # 移动先行 <meta name="viewport" content="width=device-width, initi

【2】HTML表格表单

单元格中数据的对齐方式 Align = left Align = center Align = right Valign = top Valign = middle Valign = bottom 合并单元格 水平合并在 或 标记中使用 COLSPAN 属性,可以设置单元格所跨的列数,例如COLSPAN=3表示跨3列. 垂直合并在 或 标记中使用 ROWSPAN 属性,可以设置单元格所跨的行数,例如ROWSPAN=3表示跨3行. 表格总结 表格的基本结构 表格标记table的属性 border/