HY的前端web周记 day6 4.8

13HY

于 2021-04-15 12:52:59 发布

阅读量175

点赞数

分类专栏：笔记前端周记

本文链接：https://blog.youkuaiyun.com/qq_51167539/article/details/115721033

版权

前端同时被 3 个专栏收录

12 篇文章

订阅专栏

笔记

11 篇文章

订阅专栏

周记

10 篇文章

订阅专栏

本文介绍了一个网页设计中利用JavaScript实现的动态切换功能，通过'innovation'和'practice'两个关键词，展示如何实现在点击间切换'翻译创新'和'翻译实践'的标题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	<script>
	
	var text=["innovation","practice"];
	function changetext(element){
	var ef=document.getElementById(element);
	if(element=="p1"){
	ef.innerHTML=text[0];}
	else{
	ef.innerHTML=text[1];}}
	</script>
	<head>
	<body>
	<h1 onclick="changetext('p1')">翻译 创新</h1>
	<p id="p1"> </p>
	<h1 onclick="changetext('p2')">翻译 创新</h1>
	<p2 id="p2"></p2>
	<body>
	</body>
</html>