最近遇到一个需求,需要在h1标签前边插入图片,但是H1是从后台拿到的富文本,导致前端拿到的是带标签的数据
总结:createElement创建标签;setAttribute设置标签属性;insertBefore() 方法可在已有的子节点前插入一个新的子节点。appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。
还有一点需要注意的是:document.getElementsByTagName()获取的标签数组是一个伪数组,需要将伪数组转换为真数组才可以去遍历。(伪数组转换为真数组,直接百度就有了,这里用的是Array.from()方法!)
1、后台返回的接口数据:
后台接口返回的数据2、动态插入img标签,再给他设置一个id和src,如图如果require("@/assets/circularAline.png")这样设置图片得话,会导致找不到图片,
3、解决方法就是先引进这个图片,然后再定义引用,这样就可以顺利的创建标签了
引入图片 插入标签的方法在这个方法调用的时候需要注意一下,那就是要再获取完富文本以后直接调用这个方法,
网友评论