js 点击不同超链接时显示不同文字
要实现点击不同超链接时显示不同文字,可以使用JavaScript来实现。以下是一个简单的示例:
HTML代码:
<a href="#" onclick="showText('Link 1')">Link 1</a>
<a href="#" onclick="showText('Link 2')">Link 2</a>
<a href="#" onclick="showText('Link 3')">Link 3</a>
<div id="text"></div>
JavaScript代码:
function showText(text) {
var textDiv = document.getElementById('text');
textDiv.innerHTML = text;
}
在以上示例中,我们为每个超链接绑定了一个onclick事件,当点击超链接时,会调用showText函数并传入相应的文字作为参数。showText函数会获取id为text的div元素,并将传入的文字设置为其内容。这样,在点击不同的超链接时,相应的文字就会显示在div中。
你可以根据实际需求修改showText函数来实现更复杂的功能
原文地址: https://www.cveoy.top/t/topic/hN87 著作权归作者所有。请勿转载和采集!