html添加一个父元素,给HTML页面指定元素添加属性，添加父元素

给HTML页面指定元素添加属性，添加父元素

下面拿一个给富文本中所有的图片增加layer弹窗效果。

思路：

给富文本父元素设置属性。

获取父元素里所有的img   此处用到querySelectorAll 函数

for遍历标签修改需求

复习jQuery属性

wrap给指定元素增加父元素

JS属性

.src获取标签路径值

setAttribute给标签赋值

//给指定标签追加父元素

$('.memorandummainlist img').wrap('

//获取页面里所有的指定标签

let target = document.querySelectorAll('.memorandummainlist img');

//遍历页面里所有获取到的指定标签并执行需求的事件

for (var i = 0; i < target.length; i++) {

//获取循环中标签的SRC值

var img_src = target[i].src;

//给页面里每个指定标签属性并赋值

target[i].setAttribute('layer-src',img_src);

}

//调用示例

function onimg(){

layer.photos({

photos: '#layer-photos-demo',

id:'timg',

anim:0

});

}

觉得有用了扣下1，谢谢

关于元素设置margin-top能够改变body位置的原因及解决(子元素设置margin-top改变父元素定位)

关于元素设置margin-top能够改变body位置的原因及解决(子元素设置margin-top改变父元素定位) 起因:在进行bootstrap的.navbar-brand内文字设置垂直居中时采用li ...

HTML 文档流，设置元素浮动，导致父元素高度无法自适应的解决方法(高度欺骗)

元素浮动定义 float 属性定义元素在哪个方向浮动.以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动.浮动元素会生成一个块级框,而不论它本身是何种元素. 如果浮 ...

解决：子元素设置margin-top，父元素也受影响的问题

子 ...

CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法

").parents().css("border","1px solid ...

子元素应该margin-top影响父元素的解决办法

在子元素设置margin-top,有时会带着父元素一起移动. 原因: Outer Div [margin: 0 auto] Inner Div [margin-top: 10px] 根据CSS2.1盒 ...

子元素设置margin-top，父元素也受影响

这个问题困惑了非常久.尽管没有大碍早就摸出来怎么搞定它.但始终不明确原因出在哪里,假设仅仅是IE有问题我也不会太在意.可问题是全部上等浏览器都表现如此,这样叫我怎能安心?今天总算下狠心查出来怎么回事, ...

html如何点击子元素事件而不触发父元素的点击事件——阻止冒泡

如果子元素和父元素都有点击事件,会出现点击事件冒泡的情况. 1.如何避免冒泡: html:

&l ...

CSSmargin击穿问题(子元素margin-top会影响父元素)

最近写一个H5页面的时候发现了这个被忽视的问题,一时没想到什么原因,搜了半天,记录一下,方便他人踩坑.唉,有些东西不用就忘. 一.问题描述