点击图片src上的javascript更改

时间:2017-06-05 17:31:34

标签: javascript html

我想编码当我点击图片时,此图片中的src会更改为另一个src.But我不会工作可以有人帮我

<?php require_once("php/config.php"); ?>
<!DOCTYPE html>
<html>
<head>
<title> test </title>
<script type="text/javascript" src="javascript/liabary.js"></script>
</head>
    <body>
        <img id="img" onclick="next()" src="img/bildergalerie/bild3.jpg" id="b3" width="1000" height="500" alt="image" />
        <script type="text/javascript">

        function next() {
            var img = document.getElementByIdName("img");
            img.src = "image2.jpg";     
        }
        </script>
    </body>
</html>

PS:对不起,我还是学生。

PPS:现在感谢您的帮助

2 个答案:

答案 0 :(得分:2)

getElementsByClassName返回类似数组的对象,因此您需要引用所需的特定对象。例如cross apply()

<强> jsFiddle example

或者,您可以使用id而不是查找类:

create function dbo.PersonTemporalTable_AsOf (@fromdate datetime2(7)) returns table as return (
select *
  from PersonTemporalTable
  for system_time as of @fromdate
)
go
select *
from spine s
  cross apply dbo.PersonTemporalTable_AsOf(s.DateTimeValueOfInterest) ca

img[0].src = "image2.jpg";

这将只返回一个元素,然后您可以按照您的方式进行引用。

答案 1 :(得分:2)

由于您的图片附有ID,我建议您使用getElementById(),它只返回一个元素而不是一个集合。

ContextMenu
<TreeView x:Name="tv" ItemsSource="{Binding Items}" Grid.Row="1">
    <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}">
            <Setter Property="Tag" Value="{Binding RelativeSource={RelativeSource AncestorType=Window}}" />
            <Setter Property="ContextMenu">
                <Setter.Value>
                    <ContextMenu>
                        <MenuItem Header="{Binding PlacementTarget.Tag.DataContext.Header, RelativeSource={RelativeSource AncestorType=ContextMenu}}"/>
                    </ContextMenu>
                </Setter.Value>
            </Setter>
        </Style>
    </TreeView.ItemContainerStyle>
</TreeView>