这段代码中，如果js内换成div能正常显示文字：这是文字，怎么实现选择器来显示。
```html
<!DOCTYPE html>
<html>
</html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
<div id="abc">文字</div>
</body>
<script>
var dom = document.getElementsByTagName("abc")
for(var i=0;i<dom.length; i++){
var text = dom[i].innerHTML
dom[i].innerHTML = '这是' + text
}
</script>
</html>
```
不能都用id
id换成class
```html
<!DOCTYPE html>
<html>
</html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
<div class="abc">文字</div>
</body>
<script>
var dom = document.querySelectorAll(".abc")
for(var i=0;i<dom.length; i++){
var text = dom[i].innerHTML
dom[i].innerHTML = '这是' + text
}
</script>
</html>
不管是在js中还是在html还是在css样式中 id只对应单个 如果涉及到多个要使用class
querySelector 是用来获取对应标签的 id是# class是. html标签是 直接div对应的标签名称 这个相对于获取元素还是比较简便的
id是唯一的，需要批量改可以通过name用getElementsByName来做选择器。参考代码如下：
<!DOCTYPE html>
<html>
</html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
<div name="abc">文字</div>
</body>
<script>
var dom = document.getElementsByName("abc")
for(var i=0;i<dom.length; i++){
var text = dom[i].innerHTML
dom[i].innerHTML = '这是' + text
}
</script>
</html>