attr和prop方法练习

首先,编写页面内的DOM。

<input type=“text”>
<button>切换图片</button><br>
<img src=*picture address*” alt=“”>

1.给按钮添加点击事件。
2.获取输入框内容。
3.修改img的src属性节点的值。

var btn=document.getElementsByTagName(“button”)[0];
btn.onclick=function(){
    
    
var input=document.getElementsByTagName(“input”)[0];
var text=input.value;
$(“img”).attr(“src”,text);
//$(“img”).prop(“src”,text);
}

猜你喜欢

转载自blog.csdn.net/weixin_45799003/article/details/114087631
今日推荐