day14_dom操作

时间:2023-03-10 05:50:03
day14_dom操作

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'))

day14_dom操作

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

day14_dom操作

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

day14_dom操作

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

day14_dom操作

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

day14_dom操作

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

day14_dom操作

7.删除和增加list中的值

day14_dom操作

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

day14_dom操作

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

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

day14_dom操作

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

day14_dom操作

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

day14_dom操作

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的后面

day14_dom操作

day14_dom操作

14.删除标签

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

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

day14_dom操作

15.刷新的三种方式

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

day14_dom操作

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

3.location.reload()