DOM
1 标签操作
直接查找
documeny.getElementById('')
间接查找
文件内容:
1.innterText只有文本
2.innerHTML所有内容
3.value
input便签
value
获取当前标签中的值
select标签
value
获取当前选中的value
selectedIndex
设定当前选中的value
textarea标签
value
获取当前标签中的值
创建标签
beforeEnd, afterBegin, beforeBegin,afterEnd
function Add1() { var tag ="<p><input type='text'></p>"; document.getElementById('i1').insertAdjacentHTML("beforeEnd", tag); } function Add2() { var tag = document.createElement('input'); tag.setAttribute('type', 'text'); var p = document.createElement('p'); // tag标签放在p标签里面 p.appendChild(tag); document.getElementById('i1').appendChild(p); }
2
style操作
添加style
obj.style.color = 'red'
3
class操作
className
classList
classList.add
classList.remove
4.属性操作
setAttribute('', '')
removeAttribute('')
attributes
5. confirm location
获取当前herf和设定
location.href =''
页面刷新
location.reload()
var v = confirm('where are you??'); console.log(v);
设置定时器
var timer1 = setInterval(xxx{},2000)
清除定时器
clearInterval(timer1);
2s过后执行,只执行一次
var timer2 =setTimeout(xxx{},2000)
clearTimeout(timer2)
6. 提交
document.getElementById('').submit()
<form id='f1' action="http://www.baidu.com"> <input type="text" /> <input type="submit" value="submit" /> <a onclick="submitForm()">submit</a> </form> <script> function submitForm() { document.getElementById('f1').submit() } </script>