老师querySelector是什么意思。

老师querySelector是什么意思。

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>onload</title>

        <script type="text/javascript">

            //补充代码

            window.onload=function(){

                var btn=document.querySelector("input");

                btn.onclick=function(){

                    btn.style.color="red";

                }

                btn.onmouseout=function(){

                    btn.style.color="gray"

                }

            }

        </script>

    </head>

    <body>

        <input type="button" value="点击改变按钮字体颜色" >

    </body>

</html>

还有可以用getElementsByTagName和this这些的吗

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2019-04-16 14:39:13

你好同学,querySelector()方法返回指定 CSS 选择器的一个元素.例如你的代码中,传入了一个标签选择器input,所以会返回input元素的DOM对象。

http://img1.sycdn.imooc.com//climg/5cb577960001815406150064.jpg

可以用getElementsByTagName和this,代码是很灵活的,可以自己试一试哦。

注意getElementsByTagName是通过标签名获取DOM元素,它返回的是一个类似于数组的集合,所以要想获取到第一个input,要通过数组下标的语法获取,如下:

http://img1.sycdn.imooc.com//climg/5cb578740001730d08810343.jpg

祝学习愉快 ,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师