遍历DOM以回传图像
Traverse the DOM to passback an image
Ok,那么我想点击图像'。escape'并传回图像的源'。myimg2 onclick。下面是我的尝试:我知道它只是遍历DOM,但我不知道如何遍历DOM。谢谢你的指点。
<table class="table2">
<tr>
<td>
<div class="info2" ondragstart="return false" ondragover="allowDrop(event)" ondrop="drop(event)" >
<div style="float:left">
<img class="myimg2" style="max-height:80px;" src="Pictures/QuestionMark.png">
</div>
<div style="float:left;">
<p class="myname2">Name: Unspecified</p>
<p class="myprof2">Profession: Unspecified</p>
</div>
<img class="escape" onclick="returnDrop(this.parentNode.childNode[0].src)" style="max-height:8px;" src="Pictures/escape.png">
</div>
</td>
</tr>
</table>
this.parentNode.getElementsByClassName('myimg2')[0]
演示:http://jsfiddle.net/ENQFX/
您正在谈论id (#escape
),但您正在使用类(.escape
)。您应该将类属性切换为id,因为它们是惟一的。这里我将使用class。你应该把它放在.escape
的onclick=
属性中。
this.setAttribute('src',this.parentNode.getElementsByClassName('myimg2')[0].getAttribute('src'))
这里我们将src
属性设置为.escape
父元素中第一个.myimg2
类元素的属性。如果没有其他元素具有.myimg2
类,则可以使用document.get...
代替this.parentNode.get...
。
用id代替类:
this.setAttribute('src',document.getElementById('myimg2').getAttribute('src'))
请注意,对于id,您不必指定父节点,因为id在整个文档中对元素是唯一的。
相关文章:
- 预加载图像并插入DOM
- 在d3中向DOM元素添加了图像,但现在它赢得了't过渡
- JavaScript/jQuery使用DOM识别隐藏的图像
- 使用dom minipopulation更改图像大小
- 使用Javascript从DOM中提取所有图像
- 在一个简单的jquery幻灯片中,我的类到达图像的末尾,然后从DOM的边缘掉下来
- 将图像附加到 DOM 有时才有效
- 将图像不可见地预加载到 DOM 中,而不会延迟页面加载
- 使用 DOM 方法删除图像元素
- 动态更改 DOM 中的图像
- HTML5 / Javascript - 使预加载的图像 DOM 可访问
- 使用 jQuery 加载图像并将其附加到 DOM
- 如何将<图像>元素添加到 SVG DOM
- 如何使用 dom 概念在 Web 浏览器上随机显示 assn 图像
- 内容中的插入符号定位包含 dom 图像的可编辑
- svg 图像被添加到 DOM 中,但除非在 Firebug 中触摸,否则不可见
- 如何从 DOM 中删除预加载的图像
- 删除 DOM ready 上的凌乱图像标签并使用 JS 正确设置
- 如何使图像DOM元素响应
- 如何确定一个图像DOM何时从它的第一个子DOM中删除