一、选择器
- 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>