操作元素之修改元素属性

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>操作元素之修改元素属性</title><style>img {width: 300px;}</style>
</head><body><button id="ldh">刘德华</button><button id="zxy">张学友</button> <br><img src="https://pic.imgdb.cn/item/6120ef224907e2d39c002925.jpg" alt="" title="刘德华"><script>// 修改元素属性  src// 1. 获取元素var ldh = document.getElementById('ldh');var zxy = document.getElementById('zxy');var img = document.querySelector('img');// 2. 注册事件  处理程序zxy.onclick = function () {img.src = 'https://pic.imgdb.cn/item/6120ef464907e2d39c007048.jpg';img.title = '张学友';}ldh.onclick = function () {img.src = 'https://pic.imgdb.cn/item/6120ef224907e2d39c002925.jpg';img.title = '刘德华';}</script>
</body></html>

操作元素之修改元素属性相关推荐

JS的DOM操作1--获取元素与修改元素(附带动图案例)
1.获取元素与修改元素 https://blog.csdn.net/TroyeSivanlp/article/details/120580055 2.创建自定义属性和节点 https://blog.c ...
JS 动态创建元素、删除元素、替换元素、修改元素
动态创建元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti ...
【DOM】DOM操作之如何修改元素的样式_03
目录一. 修改: 3种 1. 元素内容: 3种 2. 元素属性: 3种 3. 元素样式: (1). 修改内联样式 (2). 修改样式表中的样式 (3). 示例: 修改元素的内联样式和样式表中的样式 ...
PHP大数组过滤元素、修改元素性能分析
转载:https://blog.csdn.net/loophome/article/details/78536270 在PHP开发过程中,数组是非常重要的数据结构,往往有一个操作就是对数组进行过滤,修 ...
python遍历列表删除元素与修改元素
这两天写代码的时候遇到了,纪录一下,下次就不用去翻别人的了. 删除元素的时候呢,这样写: for i in a[:]:a.remove(i) 如果是修改元素,在遍历时如果想用迭代器对元素进行修改,是不 ...
JavaScript frame跨域获取元素、修改元素属性、调用其他frame页面方法
今天做了一个frameset的集合页面,其中有多个iframe页面,其中点击frame=leftMenu里的按钮元素后,需要修改frame=Header页面里的一个div元素属性. 1.主页面架构 & ...
NSDictionary的使用及常用方法（如实始化、添加元素、删除元素、修改元素值等）
字典Dictionary是集合类的一种. 集合:数组array.字典dictionary.set:数组是有顺序的,且元素可以重复的:字典是没有顺序的,键是唯一的,值是可重复的:set是无序的,且不可重 ...
JavaScript数组添加元素和修改元素方法
在JavaScript开发中经常遇到添加数组元素和修改元素的问题,一下总结了一些数组添加元素和修改元素的方法. Array.prototype.forEach(callBack(param1,para ...
win7更改计算机属性,win7修改系统属性OEM信息的方法
win7修改系统属性OEM信息的方法分析给大家,我们都知道更改电脑属性里面OEM信息,让电脑更加个性化,OEM就是代工的意思,OEM版一般是Windows赋予合作伙伴在生产电脑是可以预装的系统.但是很 ...

操作元素之修改元素属性

操作元素之修改元素属性相关推荐

最新文章

热门文章