# 直接获取标签 document.getElementById('gundong') #获取id为gundong的元素 document.getElementsByClassName('qalist') #根据class属性获取元素数组 document.getElementsByTagName('ul') #根据标签名获取元素数组 document.getElementsByName('q') #根据name属性获取元素数组 # 间接获取标签 var tmp = document.getElementById('gundong') tmp.parentElement #获取父节点元素 tmp.children # 获取所有子元素 tmp.firstElementChild #第一个子元素 tmp.lastElementChild #最后一个子元素 tmp.nextElementSibling #下一个兄弟元素 tmp.previousElementSibling #上一个兄弟元素 #文本内容操作 tmp.innerText #获取标签内文本内容 tmp.innerText = '新的文本内容' #修改标签内文本 tmp.innerHTML #获取标签中的所有内容，包含HTML代码 tmp.innerHTML = '<a href="http:www.imdsx.cn">大师兄</a>' # innerHTML 可以将含有HTML代码的字符串变为标签 # input textarea标签 tmp.value #获取value属性的值 tmp.value='新的内容' #对input textarea的value属性重新赋值 #select标签 tmp.value #获取select标签的value的值 tmp.value = '选项' # 修改select标签的value的值 tmp.selectedIndex # 获取select标签的选项下标 #操作样式 tmp.style.backgroundColor = 'red' #修改属性 将背景色改为红色 tmp.style.height = '100px' #修改属性 修改高度 tmp.style.display='none' #修改属性 隐藏 tmp.style.display='block' #修改属性 改为可见 tmp.checked #获取CheckBox的状态 TRUE为勾选 #操作属性 tmp.setAttribute('name','hhh') #增加一个name属性，name='hhh' tmp.removeAttribute('placeholder') #删除属性 删除placeholder属性 location.href #获取当前页面url location.href='https://www.baidu.com' #跳转到百度页面 location.reload() #刷新 location.href=location.href #刷新
