html如何实现点击不同按钮来切换不同文本，求代码

<button id="btn1">按钮1</button><button id="btn2">按钮2</button><br />

<textarea id="txt1"></textarea>

<script>

btn1.onclick=()=>txt1.value="文本内容1"

btn2.onclick=()=>txt1.value="文本内容2"

</script>

function showdiv(id){

  var txt = document.getElementsByTagName("i")[0]

   

  if(id==='1'){

   txt.innerHTML = "信息工委介绍"

  }

  if(id==='2'){

   txt.innerHTML = "入会程序"

  }

  if(id==='3'){

   txt.innerHTML = "入会申请表"

  }

  }

不是太明白你描述的问题， 是不是想要这个效果？

1、 html中调整位置使用css的float属性。详细用法首先在html文件中新建两个div容器，用来方便演示效果，容器中都加入h2标签，设置不同文字便于区分：

2、div标签给它在style标签设置class属性的样式，给它高度和宽度以及颜色，h2标签一个使用float属性，另一个不使用。这里float标签的作用可以让文字居左或者居右显示，也可以设置为空，最后Crtl＋S保存文件：

3、打开浏览器，可以看到两个div中的文字位置并不相同，设置了float标签的文字在靠右的位置。以上就是html调整文字位置的方法：

---