js给动态添加的元素添加属性

吃我一锅

于 2019-02-18 09:57:56 发布

阅读量7.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/weixin_43676252/article/details/87601077

JS 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态调整div中所有图片宽度至100%的方法，通过直接修改img标签的行内样式来实现，解决了类名样式优先级不足的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将一段标签动态添加到div中，给这段标签的img标签设置width:100%
一开始设置了添加类名

// 内容
const content = res.data.data.info.content;				
document.getElementById('content').innerHTML = content;
var a = document.getElementById("content").getElementsByTagName("img");
	for(var i = 0; i <a.length; i++){
			a[i].className = 'img'
	}

类名添加成功了，应该是样式优先级的问题，所以width:100%的效果怎么样都出不来，后来想到了行内样式

// 内容
const content = res.data.data.info.content;				
document.getElementById('content').innerHTML = content;
var a = document.getElementById("content").getElementsByTagName("img");
for(var i = 0; i <a.length; i++){
		a[i].style = 'width:100%'
	}

这样一设置就成功了