老师为什么用getElementsByTagName不行
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>输入框</title>
</head>
<body>
<input type="button" value="点击">
<script type="text/javascript">
//补充代码
var btn = document.getElementsByTagName('input')[0];
btn.addEventListener("click",function(){
var txt = prompt("改变文本","这是里面的值")
this.value = txt;
})
</script>
</body>
</html>
0
收起
正在回答
3回答
同学你好，就是在querySelector() 的这个括号中，使用的是选择器，标签选择器、d选择器、类选择器等，然后根据这个选择器去选择对应的元素。
如下，是使用了标签与类选择器，可以参考测试下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>这是一个 p 与元素。</p>
<h2 class="example">class="example" 的标题</h2>
<button onclick="myFunction()">点我</button>
<button onclick="Function()">点我改变标题</button>
<script>
function myFunction() {
document.querySelector("p").style.backgroundColor = "red";
}
function Function() {
document.querySelector(".example").style.backgroundColor = "red";
}
</script>
</body>
</html>希望能帮助到你，欢迎采纳。
祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星