如何将多个onClick事件链接到HTML中的一个元素？我可以让他们改变href吗？

概述我正在为我正在实习的公司建立一个页面,似乎无法想象这一个.您在下面看到的代码只是一个简化的模板,因此我不会提供有关该公司的任何信息(并且所有样式属性都在一个单独的文档中,因此代码中的所有内容都没有问题. 我遇到的问题是让多个onClick事件有效.就此而言,在评论标签中使用onClicks是否可行？我想要的文字说明进一步说明,根据点击的动物图片改变它的href路径. 另外,我不能使用任何JavaS 我正在为我正在实习的公司建立一个页面,似乎无法想象这一个.您在下面看到的代码只是一个简化的模板,因此我不会提供有关该公司的任何信息(并且所有样式属性都在一个单独的文档中,因此代码中的所有内容都没有问题.

我遇到的问题是让多个onClick事件有效.就此而言,在评论标签中使用onClicks是否可行？我想要的文字说明进一步说明,根据点击的动物图片改变它的href路径.

另外,我不能使用任何JavaScript,所以请不要建议使用任何.发生任何想法？

<div ID="container">    <div >        <img alt="" ID="awesome" name="Awesome2" src="awesome.png" />    </div>    <div ID="gallery">        <ul >            <li>                <a href="DogText.HTML" target="Animalinfo" onClick="document.Awesome2.src='dog.jpg'"> <!--onClick="document.furtherInstructions.href='DogText.HTML'">-->                     <img src="dog.jpg" alt="dog"><img src="dog.jpg" alt="dog" >                 </a>            </li>               <li>                <a href="CatText.HTML" target="Animalinfo" onClick="document.Awesome2.src='cat.jpg'"> <!--onClick="document.furtherInstructions.href='CatText.HTML'">-->                    <img src="cat.jpg" alt="cat"><img src="cat.jpg" alt="cat" >                 </a>            </li>               <li>                <a href="Parrottext.HTML" target="Animalinfo" onClick="document.Awesome2.src='parrot.jpg'"> <!--onClick="document.furtherInstructions.href='Parrottext.HTML'">-->                    <img src="parrot.jpg" alt="parrot"><img src="parrot.jpg" alt="parrot" >                 </a>            </li>                   <li>                <a href="lizardText.HTML" target="Animalinfo" onClick="document.Awesome2.src='lizard.jpg'"> <!--onClick="document.furtherInstructions.href='lizardText.HTML'">-->                     <img src="lizard.jpg" alt="lizard"><img src="lizard.jpg" alt="lizard" >                 </a>            </li>                   <li>                <a href="HorseText.HTML" target="Animalinfo" onClick="document.Awesome2.src='horse.jpg'"> <!--onClick="document.furtherInstructions.href='HorseText.HTML'">-->                    <img src="horse.jpg" alt="horse"><img src="horse.jpg" alt="horse" >                 </a>            </li>                   <li>                <a href="ChickenText.HTML" target="Animalinfo" onClick="document.Awesome2.src='chicken.jpg'"> <!--onClick="document.furtherInstructions.href='ChickenText.HTML'">-->                     <img src="chicken.jpg" alt="chicken"><img src="chicken.jpg" alt="chicken" >                 </a>            </li>               <li>                <a href="DefaultText.HTML" target="Animalinfo"  onClick="document.Awesome2.src='awesome.png'"> <!--onClick="document.furtherInstructions.href='DefaultText.HTML'">-->                    <p>Default Image</p>            </a>            </li>        </ul>        <div ID="rightcol">            <iframe src="DefaultText.HTML" title="information About Animals" name="Animalinfo" >            </iframe>        </div>        <div ID="externalinstructions">            <a href="DefaultText.HTML" name="furtherInstructions">                <p>Further Instructions</p>            </a>        </div>    </div></div>

解决方法 只需用分号分隔命令：

onClick="document.Awesome2.src='chicken.jpg'; document.furtherInstructions.href='ChickenText.HTML';">

总结

以上是内存溢出为你收集整理的如何将多个onClick事件链接到HTML中的一个元素？我可以让他们改变href吗？全部内容，希望文章能够帮你解决如何将多个onClick事件链接到HTML中的一个元素？我可以让他们改变href吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。