获取<img/>的标题并将其应用于带有YUI3 </div>的父<div>

时间:2013-07-16 01:22:26

标签: javascript yui parent yui3

我有以下HTML:

<div>
    <img src="source.com/image.jpg" title="My Image">
</div>

我希望在这种情况下获得所有图像的标题(“我的图像”),并将此标题添加到父级,以便上面的示例如下所示:

<div title="My Image">
    <img src="source.com/image.jpg" title="My Image">
</div>

如果有人能给我推进正确的方向,我将非常感激!

谢谢!

1 个答案:

答案 0 :(得分:0)

这与您发布的上一个问题几乎相同。在这种情况下,您需要将图像节点保存到变量中,以便您可以读取其标题并将其设置为父标题。

YUI().use('node', function (Y) {
  var image = Y.one('img');
  image.get('parentNode').set('title', image.get('title'));
});

如果您在更改DOM元素时遇到问题,我建议您花点时间阅读几篇介绍该主题的文章/书籍。以下是一些不错的选择: