将一段标签动态添加到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%'}

这样一设置就成功了

js给动态添加的元素添加属性相关推荐

  1. 原生js 给动态添加的元素添加(事件监听器)

    原生js (事件监听)和(动态添加元素) 给动态添加的元素添加点击事件 <!DOCTYPE html> <html><head><meta charset=& ...

  2. js中怎么为同级元素添加点击事件

    事件件是javascript脚本语言的重要组成部分,因为有事件才使用户页面的体验更加的美好.元素添加事件是js语言中最基础的.我们可以为元素本身添加事件,也可以通过事件绑定和事件监听为元素的父元素和子 ...

  3. JavaScript实现动态添加的元素添加点击事件

    在页面开发过程中常常遇到需要动态添加元素,然后给这一元素绑定相关事件的情况,这种情况下一般需要给元素加上相关属性,然后写这些元素的事件函数即可.动态添加的元素怎么绑定事件呢? 原生JavaScript ...

  4. jquery动态生成的元素添加事件的方法

    动态生成的元素如果要添加事件,要写成 $(document).on("click", "#txtName", function() {alert(this.va ...

  5. JS setAttribute()方法:设置元素的属性值

    在 JavaScript 中,使用元素的 setAttribute() 方法可以设置元素的属性值.用法如下: setAttribute(name, value) 参数 name 和 value 分别表 ...

  6. js中动态修改frame的src属性,frame自己刷新。。。

    弄了半天,结果画蛇添足...:动态修改frame的src属性,然后parent.frame.location.reload()反而错误... 无须自己手工来进行reload() frame会因为src ...

  7. 通过js动态为标签元素添加点击事件

    最近遇到了,就研究了下,总结了下: 我所知道的有如下几种方式: var submitSpan = document.getElementById("submitSpan");第一种 ...

  8. js如何动态向 fileaddress: [fromurl]添加数据_N+增强能力系列(3) | 动态KV模块

    编者按 有很多客户问我们NGINX商业版与开源版本到底有什么区别,在官方网站有一个对比列表,但看完之后感觉好像还是没有get到其增强的精髓.为了更好的让大家了解NGINX Plus增强的能力及其应用场 ...

  9. svg.draggable.js 实现动态向svg中添加图形和图片并可以拖拽

    源码: <!doctype html> <html> <head><meta charset="utf-8"><title&g ...

最新文章

  1. 不到 100 行 Python 代码教你做出精美炫酷的可视化大屏
  2. Linux与jvm内存关系分析
  3. AtCoder Regular Contest 120 C - Swaps 2 线段树模拟
  4. linux 内存使用很大,在32位和64位Linux上,为什么同一进程的pmap的内存使用量会有很大差异?...
  5. 分支程序设计02 - 零基础入门学习C语言11
  6. web安全工具 御剑后台扫描layer子域名挖掘机
  7. DruidDataSource配置说明
  8. 2011 imac 固态_老款iMac 安装SSD固态硬盘
  9. 1022 - 快手短视频广告主接入实践笔记
  10. dubbo(5) Dubbo源码解析之服务调用过程
  11. Android利用贝塞尔曲线实现翻书效果(适配AndroidX)
  12. 单核到多核的转变无疑是沧桑巨变
  13. ipad手写笔哪款好?ipad手写笔推荐
  14. 物联网的发展需要五个阶段,具体是这样划分的
  15. 三种网站设计思维促进客户成交
  16. 劳动节,让我们劳动起来!
  17. python 中的高斯Q函数
  18. 【已解决】python永久换源配置失败
  19. 【转】ultraedit 正则表达式
  20. IPMSG(飞秋)源代码调试笔记

热门文章

  1. 三菱FX3U编程口通信协议
  2. 《赢》--[美]杰克·韦尔奇
  3. Tailwind Base
  4. 《从0到1》读书摘要
  5. linux操作系统理解-IPC
  6. 2021-10-17idea无法导入依赖
  7. script标签放在页面头部和尾部的区别
  8. 解决android sdk中找不到tools目录Android sdkmanager tool not found (D:\Android\SDK\tools\bin\sdkmanager).
  9. 51nod 1298 圆与三角形(几何知识)
  10. 云计算——第七天(寒假)