javascript - 如何使用 CSS(可能作为样式)或通过 javascript 控制按钮的 "value"或内容?

标签 javascript css button

有没有一种方法可以使用 CSS 或 javascript 不仅控制按钮样式,而且控制按钮实际显示的内容。我见过很多“CSS 按钮创建器”工具,但它们都需要 html,或者部分代码需要“PUSH HERE”。

(更新)
谢谢大家的意见。
让我解释更多的大局。简而言之,我们使用第三方来控制我们网站的电子商务端。我们有一个 css 覆盖文件,我们可以用它来控制网站显示的很多内容。

这是一个按钮的粗略示例:
http://jsfiddle.net/Buford/yLSHT/

<style type="text/css">
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
</style>

<body><a href="#" class="btn">PUSH ME</a></body>



有没有一种方法可以将 html 代码“PUSH ME”更新为可以通过 CSS 或 Javascript 控制的变量?

最佳答案

当然可以,尤其是当按钮元素为空时。

这是 HTML:

<button></button>

还有,CSS:

button:before {
    content: "Click me";
}

和 fiddle :http://jsfiddle.net/3aZkt/

关于javascript - 如何使用 CSS(可能作为样式)或通过 javascript 控制按钮的 "value"或内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24398533/

相关文章:

javascript - 从动态div中获取当前文本内容

javascript - 我使用 mysql 的快速端点路由记录错误 : connect ECONNREFUSED 127. 0.0.1

css - 如何完全防止内容出现 - 响应式网页设计

ios - 如何在按钮和警报消息上放置最大值

Android 在 ListView 顶部添加按钮

javascript - JQuery - 获取页面的输出?

javascript - 使用 ReactJs 提交 radio 输入并将事件类设置为当前选择

javascript - Jquery禁用CSS :hover effect

html - 如何使用 Bootstrap 创建输入组?

javascript - 提交前验证表单