JavaScript显示变量onclick

时间:2012-09-08 19:58:30

标签: javascript html onclick

我正在尝试使用存储在变量中的信息来填充多个div,这些变量会更改图像的单击。这是我标签中的一些代码:

function getName(name){
    document.getElementById('show_name').innerHTML = name
}

function getDetailsForBill(){
     getName('Bill Gates'); 
     getMotto('Bills motto'); 
     getImage ('<img src="http://www.somepage.com/images/team/bill.jpg" />');
}

这就是我使用onclick的方式:

<img src="bill.jpg" onclick="getDetailsForBill();" />

这就是我尝试显示与每个人相关的信息的方式:

<div id="show_name"></div>

但是,信息没有显示出来。我该怎么办?

谢谢。

2 个答案:

答案 0 :(得分:0)

您所显示的代码没有任何问题,因此问题出现在您尚未展示的某个地方。

以下是一个工作示例,如果将其与代码进行比较,您可能会发现差异:

http://jsfiddle.net/Guffa/bkyFb/


编辑:

您发布的小提琴代码中存在语法错误。您使用getDetailsForBill而不是}}结束}功能。

答案 1 :(得分:0)

首先,你在页面上只有一个id ='show_name'的div?

其次,尝试将getDetailsForBill()更改为:

function getDetailsForBill(){
     getName('Bill Gates'); 
     //getMotto('Bills motto'); 
     //getImage ('<img src="http://www.somepage.com/images/team/bill.jpg" />');
}

这样可以正常工作并显示名称吗?