[英]get inner HTML element using javascript
I have the following html hierarchy: 我有以下html层次结构:
...
<div class="custom-img-wrapper">
<a target="_blank" class="link-d" href="#"><img class="custom-below-img" src="some source"></a>
<h3><a target="_blank" class="link-d" href="#">some text</a></h3>
</div>
<div class="custom-img-wrapper">
<a target="_blank" class="link-d" href="#"><img class="custom-below-img" src="some source"></a>
<h3><a target="_blank" class="link-d" href="#">some text</a></h3>
</div>
...
and i am going over the links with this for loop : 我正在检查与此for链接的链接:
var x = document.getElementsByClassName("link-d");
for (i = 0; i < x.length; i++) {
x[i].href = link;
}
now my question is how can i save the src
of the image which is inside the link, so i'll get somwthing like this: 现在我的问题是如何保存链接内图像的
src
,这样我将得到如下内容:
var x = document.getElementsByClassName("link-d");
for (i = 0; i < x.length; i++) {
var link_of_image_inside_node = x[i].????
x[i].href = link;
}
i know i can loop over the custom-below-image
but that's not what i need, and im looking for a pure JavaScript no jQuery solution any idea? 我知道我可以遍历
custom-below-image
但这不是我所需要的,而我正在寻找纯JavaScript没有jQuery解决方案的任何主意? thx 谢谢
If a
tags first child element is image then 如果
a
标签的第一个子元素是图像,然后
var link_of_image_inside_node = x[i].firstChild.src;
OR 要么
var link_of_image_inside_node = x[i].children[0].src; //ignores all the text before img tag
where x[i]
is the anchor element 其中
x[i]
是锚元素
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.