jQuery+Ajax-17(attr和prop练习)

最新推荐文章于 2023-03-30 17:01:56 发布

aka程序皇像隔扣你的勒布朗进入名人堂

最新推荐文章于 2023-03-30 17:01:56 发布

阅读量471

点赞数

分类专栏： jQuery+Ajax

本文链接：https://blog.youkuaiyun.com/qq_39608986/article/details/99316156

版权

jQuery+Ajax 专栏收录该内容

21 篇文章

订阅专栏

attr和prop练习

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/1.12.4.js"></script>
    <script>
        $(function () {
            //1.给按钮添加点击事件
            var btn = document.getElementsByTagName("button")[0];
            btn.onclick = function () {
                //2.获取输入框输入的内容
                var input = document.getElementsByTagName("input")[0];
                var text = input.value;
                //3.修改img的src属性结点的值
                $("img").attr("src",text);
            }

        })
    </script>
</head>
<body>
<input type="text">
<button>切换图片</button><br>
<img src="https://www.baidu.com/img/bd_logo1.png">
</body>
</html>