javascript - onclick函数javascript

标签 javascript html css

我有一个文本区域和 3 个按钮,我需要将文本与这 3 个按钮对齐:左、中、右

<button type="button" onclick="myFunction()">LEFT</button>
<script>
  function myFunction() {
    document.getElementById("myP").style.textAlign = "left";
  }
</script>
<button type="button" onclick="myFunction()">CENTER</button>
<script>
  function myFunction() {
    document.getElementById("myP").style.textAlign = "center";
  }
</script>
<button type="button" onclick="myFunction()">RIGHT</button>
<script>
  function myFunction() {
    document.getElementById("myP").style.textAlign = "right";
  }
</script>
<textarea name="textarea" id="myP" rows="10" cols="40"></textarea>
</div>

最佳答案

  function myFunction(align) {
    document.getElementById("myP").style.textAlign = align;
  }
<button type="button" onclick="myFunction('left')">LEFT</button>
<button type="button" onclick="myFunction('center')">CENTER</button>
<button type="button" onclick="myFunction('right')">RIGHT</button>
</script>
<textarea name="textarea" id="myP" rows="10" cols="40"></textarea>
</div>

关于javascript - onclick函数javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56192010/

相关文章:

javascript - 从 iframe 外部通过 CSS Path 访问元素

javascript - 如何将 Chrome 扩展功能移植到移动设备(特别是 jquery 和 trello)?

java - 如何(组织)Android UI(HTML、CSS)和本地代码(Java)之间的交互?

jquery - 使用 jquery 和 css 进行旋转和反向旋转

javascript - CSS设计题——在特定位置为div添加一个小背景图片

Javascript 分析 div?

javascript - 使用百分比和 svgs 创建预加载屏幕

html - CSS动画如何对悬停事件使用“反转”?

css - 如何检查浏览器的默认 css 设置?

javascript - 随机 2D 僵尸行走