使用javascript获取内部HTML元素
get inner HTML element using javascript
我有以下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>
...
我正在检查这个循环的链接:
var x = document.getElementsByClassName("link-d");
for (i = 0; i < x.length; i++) {
x[i].href = link;
}
现在我的问题是如何保存链接中图像的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;
}
我知道我可以在custom-below-image
上循环,但这不是我需要的,我正在寻找一个纯JavaScript的无jQuery解决方案,知道吗?thx
如果a
标记第一个子元素是图像,则
var link_of_image_inside_node = x[i].firstChild.src;
或
var link_of_image_inside_node = x[i].children[0].src; //ignores all the text before img tag
其中x[i]
是锚元素
相关文章:
- 如何设置html元素填充的动画
- 删除对HTML元素的拖动
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何使用JQuery在Javascript中转换字符串中的HTML元素
- 一个html元素的克隆次数太多
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 为什么我在Internet Explorer上看不到html元素
- 重新排列HTML元素的顺序并更改内容
- 使用.on动态添加jquery/js不知道的html元素
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 如何将html元素添加到tampermonkey中
- 访问html元素值javascript
- 如何在HTML元素上创建函数,而不是将元素作为参数传递
- 自定义HTML元素属性未显示-Web组件
- 让HTML元素充当停止滚动的锚点
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 替换HTML元素中的字符
- 如何将html元素添加为生成的内容
- 如何使用JavaScript在没有html dom的情况下隐藏html元素
- 使用JS加载HTML元素