一、选择器
document.getElementById('id名')document.getElementsByClassName('类名')[i] 一组 数组集合document.getElementsByTagName('标签名')[i] 一组 数组集合document.getElementsByName('input控件名')[i] 一组 数组集合css选择器去选择元素 document.querySelector("css选择器") ## 注意 : 一组(返回数组的第一元素)document.querySelectorAll("css选择器") 数组二、文本操作
设置自定义属性 对象.setAttribute('属性名字','属性值')
获取自定义属性 对象.getAttribute('属性名')
移除自定义属性值 对象.removeAttribute('属性名')
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><span class="txt" >我不喜欢学习!</span><script>var t = document.getElementsByClassName('txt')[0];t.setAttribute('id','study');var id = t.getAttribute('id');alert(id);</script></body></html>
<!DOCTYPE html><html lang="en"><body><span class="txt" >我不喜欢学习!</span><script>var t = document.getElementsByClassName('txt')[0];t.setAttribute('id','study');var id = t.getAttribute('id');t.removeAttribute('id');alert(t.id);</script></body><head><meta charset="UTF-8"><title>Title</title></head></html>