javascript - 如何使javascript创建的图像成为链接

Question

嘿，我对 javascript 和 jquery 不是很流利。我想在单击一个 div 时用图像替换 div 并使该图像可点击，即我想添加指向该图像的链接。

为此，我正在使用 javascript

function ReplaceContentInContainer(id,content) {      

        var container = document.getElementById(id);
        container.innerHTML = content;
}

我从我的 index.ctp 文件中调用这个 javascript 作为

<div id="vedio-image">   
                    </div>

        <div class="title"> 
                                        <a href="javascript:ReplaceContentInContainer('vedio-image',
                                           '<img width=\'480px\' height=\'220px\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \'/ >')">
                                          <?php  echo $count['News']['title'];?>  
                                        </a>
                                    </div>

ReplaceContentInContainer 工作正常，但我无法使该图像可点击。请任何人都可以帮忙。

Answer 1

你没有写onclick在标签里，或者没有用标签<img>包围你的标签<img><a>

将 HTML 代码更改为：

<div id="vedio-image"></div>
<div class="title"> 
  <a href="javascript:ReplaceContentInContainer('vedio-image',
                                           '<a href=\'http://example.com\'><img width=\'480px\' height=\'220px\' border=\'0\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \' /></a>')">
  <?php  echo $count['News']['title'];?></a>
</div>

旁注：我添加border="0"以避免在 IE 中出现蓝色边框。