javascript - 如何使用 JavaScript 从父级元素的 ID 获取元素的属性？

Question

所以我有以下 HTML...

HTML:

<div id="col1">
    <img src="1.jpg">
</div>

我正在实现 HTML5 拖放功能，其中 col1 的内部 html 会根据拖动元素的内部 html 进行更改 - 所以基本上列会更改其内容。

我有另一个 div(我们称之为 swap-text)，我想根据 col1 中当前的图像来更改其文本内容。

这就是为什么我想弄清楚如何通过 JavaScript 获取 col1 的 img 元素的 src 属性值，这样我就可以编写一个 if 语句来根据 col1 中的图像更改 swap-text 的内容。

我可以将 ID 添加到 img 元素，但我仍然不知道如何编写条件来检查 img-id1 父项是否为 col1.

尝试:

var doc = document.getElementById("col1");
var children = null;
var imgEle;

//gets img node, but also got 1/2 text object(s)?
for (var i = 0; i < doc.childNodes.length; i++) {
    children = doc.childNodes[i];
    console.log(children);
}

//document.getElementById("img")
//children[1].getAttribute('src'); - cannot call method 'getAttribute' of undefined 


//imgEle = doc.childNodes[0].getElementById('img'); - Object #<Text> has no method 'getElementById'

console.log(imgEle);
console.log(children);

Answer 1

这个工作很好的纯 JavaScript:

document.getElementById("col1").getElementsByTagName("img")[0].getAttribute("src");