标签：tmp 标签 元素 value Js 获取 document css

# 直接获取标签
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,标签,元素,value,Js,获取,document,css
来源： https://www.cnblogs.com/yttbk/p/16554994.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。