博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
day14_dom操作
阅读量:5756 次
发布时间:2019-06-18

本文共 1573 字,大约阅读时间需要 5 分钟。

1.input的类型typy=(text/password/button/submit/checkbox/radioreset/file)

一.参考:http://www.imdsx.cn/index.php/2017/07/27/html2/

1.声明一个变量用:    var  变量名  =   获得的值   如(var demo = docment.getElementById('inner1'))

2.使用innerText修改获得的文本内容:demo.innertText =  '要修改的值'

3.innerHTML可以将标签本身放到标签内容中

4.修改select中option的值,注意这里修改的是value,并不是select中显示的值

5.使用:   demo.selectedIndex = 下标值.    也可以定位select的值

 

6.获取标签class属性,字符串类型,修改时通过空格间隔指定css样式

7.删除和增加list中的值

8.操作样式修改属性颜色:  demo.style.backgroundColor = 'ping'

9.实战中用的最多的是将display的属性修改为none,方便对按钮的操作

10.使用removeAttrivute('value')删除属性

11.增加属性---提示语:setAttrivute('key','value')

12.①声明一个变量demo赋值demo = docment.createElement('input'),②给该demo增加一个属性type名称叫text,③在给该demo增加一个属性value名称叫abc,④声明一个变量div并将获取到的值赋值  div = docment.getElementById('create'),⑤最后将增加的属性添加到input中  div.appendChild(demo),总结,这样就在指定的框中添加一个样式input和值abc

13.直接通过字符串插入标签,将样式写好后赋值给指定字符串后在添加到指定位置

var str = '<input type="text",value="123123">'    定义input输入框str,并且增加一个属性值text=123123

var str1 = '<input type="text",value="52525">'    定义input输入框str1,并且增加一个属性值text2=123123

var div = document.getElementById('create')     定义div将id为create的标签值赋值给他

div.insertAdjacentHEML('beforeEnd',str1)          将str1添加到div的后面,注意beforeEnd代表要插入的位置,①beforeEnd: 插入到获取到标签的子标签的后面②beforeBegin: 插入到获取到标签的前面③afterBegin: 插入到获取到标签的子标签的前面④afterEnd: 插入到获取到标签的后面

div.insertAdjacentHEML('beforeEnd',str)            将str添加到div的后面

14.删除标签

div.removeChlid(div.lastElementChlid)    删除最后一个标签

div.removeChlid(div.firstElementChlid)    删除第一个标签

15.刷新的三种方式

1.location.href 获取当前浏览器的访问的地址

2.location.href = location.href  刷新当前页面

3.location.reload()

转载于:https://www.cnblogs.com/jpwsk/p/9596188.html

你可能感兴趣的文章
iOS 高性能异构滚动视图构建方案 —— LazyScrollView
查看>>
Java 重载、重写、构造函数详解
查看>>
【Best Practice】基于阿里云数加·StreamCompute快速构建网站日志实时分析大屏
查看>>
【云栖大会】探索商业升级之路
查看>>
HybridDB实例新购指南
查看>>
C语言及程序设计提高例程-35 使用指针操作二维数组
查看>>
华大基因BGI Online的云计算实践
查看>>
排序高级之交换排序_冒泡排序
查看>>
Cocos2d-x3.2 Ease加速度
查看>>
[EntLib]关于SR.Strings的使用办法[加了下载地址]
查看>>
中小型网站架构分析及优化
查看>>
写shell的事情
查看>>
负载均衡之Haproxy配置详解(及httpd配置)
查看>>
标准与扩展ACL 、 命名ACL 、 总结和答疑
查看>>
查找恶意的TOR中继节点
查看>>
MAVEN 属性定义与使用
查看>>
shell高级视频答学生while循环问题
查看>>
使用@media实现IE hack的方法
查看>>
《11招玩转网络安全》之第一招:Docker For Docker
查看>>
hive_0.11中文用户手册
查看>>