,可以通过以下步骤实现:
<input type="text" id="textbox">
<button id="myButton" onclick="changeColor()">Change Color</button>
function changeColor() {
var button = document.getElementById("myButton");
var textbox = document.getElementById("textbox");
// 获取按钮的值并显示在文本框中
textbox.value = button.innerHTML;
// 更改选定按钮的颜色
button.style.backgroundColor = "red";
}
以上代码中,changeColor()
函数会执行以下操作:
getElementById()
方法获取按钮和文本框的引用。innerHTML
属性获取按钮的值,并将其赋值给文本框的value
属性,从而在文本框中显示按钮的值。style.backgroundColor
属性将选定按钮的背景颜色更改为红色。这样,当用户点击按钮时,按钮的值将显示在文本框中,并且选定按钮的背景颜色将更改为红色。
关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,无法提供相关链接。但腾讯云提供了丰富的云计算服务,可以通过访问腾讯云官方网站获取更多信息。
领取专属 10元无门槛券
手把手带您无忧上云