从Javascript中的按钮css获取变量并将其用作id
从Javascript中的按钮CSS获取变量并将其用作ID是指通过JavaScript代码获取按钮的CSS属性值，并将其作为ID来使用。
在JavaScript中，可以通过以下步骤来实现：
- 获取按钮元素：通过使用document.querySelector()或document.getElementById()等方法获取到需要操作的按钮元素。
- 获取CSS属性值：使用getComputedStyle()方法来获取按钮元素的CSS属性值。例如，可以使用以下代码获取按钮的CSS属性值：
var button = document.querySelector('button'); // 获取按钮元素
var cssValue = window.getComputedStyle(button).getPropertyValue('属性名'); // 获取CSS属性值在上面的代码中，将'属性名'替换为你想要获取的具体CSS属性名，例如'color'、'font-size'等。
- 使用CSS属性值作为ID：获取到CSS属性值后，你可以将它作为按钮的ID来使用。例如，可以使用以下代码将获取到的CSS属性值作为按钮的ID：
button.id = cssValue; // 将获取到的CSS属性值作为按钮的ID这样，按钮的ID就会被设置为获取到的CSS属性值。
关于JavaScript中操作CSS的更多内容，你可以参考腾讯云的云开发文档-小程序开发-组件库-Mpx Wux。
请注意，以上回答是基于一般情况下的假设，并不能针对具体的代码环境和实际需求给出准确的答案。具体的实现方式可能因不同的情况而异。
相关·内容
我有一个我想要理解的javascript函数。我不知道它是否已经在jquery中实现了。
它是一个与按钮相关的功能。当按钮被点击时，它应该会显示在屏幕上，表明投票已经投出。你能给我解释一下这个函数中'id‘和'nb’的用途以及每一行的作用吗？我假设第四行将用户带到基本url的投票，如果他们点击按钮？$lang189是一个变量，表示投票收集，文字大括号之间的输出是html和javacript，代码在大括号php之外。
{literal}
function VOTEYES(id,nb) {
$('#vote'+id).css('d
浏览 0提问于2010-08-19得票数 1
回答已采纳
我有一个javascript循环，它每x秒更改一次指定标记的图像，但当我将其修改为只在单击按钮时运行时，它什么也不会做。
javascript代码：
<script type="text/javascript">
var step = 1
var image1 = new Image()
image1.src = "img1.jpg"
var image2 = new Image()
image2.src = "img2.jpg"
var image3 = new Image()
浏览 2提问于2016-05-07得票数 0
回答已采纳
目标：
一个按钮，显示带有"Hello world!“的警告。以及一些单选按钮，当选择第三个单选按钮时会显示警告。
HTML：
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>hello world</title>
<link rel="stylesheet" href="style.css">
<meta
浏览 0提问于2012-08-19得票数 0
回答已采纳
我正在寻找建立一个日语学习网站的可能性，以练习的形式为读者提供一些基本的交互性。假设我有一个这样的表：
--------------------------------------------
| characters | definition | roman letters |
--------------------------------------------
| こんにちは | hello | <input type="text"> |
---------------------------------------------
| .
浏览 0提问于2013-05-31得票数 0
回答已采纳
我正在尝试单击一个按钮，因为它是以id "submitButton_“开头的，因为之后的内容会不断变化(例如"submitButton_10a313c673cee")。该按钮如下所示：
<a href="#" class="btn btn-default" role="button" id="submitButton_10a313c673cee">Continue</a>
使用以下代码，我可以单击该按钮：
tell application "Safari"
浏览 0提问于2017-11-03得票数 0
1回答
我有一个html表单，其中有两个输入字段和一个提交按钮。当我单击submit按钮时，我使用jQuery调用restful服务，并成功地获得了JSON数据。现在，我需要在另一个没有输入字段和提交按钮的HTML中显示该JSON数据。另一个html纯粹是为了显示结果。示例: Order.html表单，用户输入订单的'id‘和’zip‘，并从restful服务获得JSON格式的结果，因为数据需要在orderdetails.html上显示。到目前为止，我可以像下面这样用相同的html显示数据。我的问题是，我想将返回的JSON显示给另一个html。我应该怎么做?示例工作代码以相同的html显示返回
浏览 2提问于2013-07-17得票数 2
例外情况是：
未将操作失败的字符串识别为有效的DateTime。
下面是jQuery参考
<script src="Resource/JS/jquery-1.7.2.min.js" type="text/javascript"></script>
<link href="Resource/css/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />
<script src="Resour
浏览 1提问于2012-08-19得票数 0
回答已采纳
2回答
我正在用PHP/GD库生成图像，供人们放在他们的网站上。类似于“点击计数器”服务。
我无法从加载按钮的页面中拉出URL。
下面只显示我的url，而不是他们的：
$_SERVER['SERVER_NAME'];
我需要在Javascript中拉取域名吗？
浏览 2提问于2010-07-22得票数 0
回答已采纳
使用jQuery ajax json，php在第一个菜单上进行更改时，必须进行ajax调用以获取json数组并创建第二个菜单主页。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Load JSON data with jQuery, PHP and
浏览 0提问于2012-04-15得票数 0
1回答
因此，由于某种原因，当我单击submit按钮时，它似乎并没有引用我的validate()函数。也许它只是没有出现在我的控制台上，但是我的提交按钮/验证函数肯定出了问题。我已经查找了正确的onSubmit语法，我的validate()函数似乎是功能性的，但是单击submit按钮仍然不会发生任何事情。所有的建议都非常欢迎。
html5代码：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="st
浏览 1提问于2013-09-20得票数 1
回答已采纳
3回答
我在一个页面上打开一个模式的按钮元素是相同的页面，当它打开的时候我想把数据从按钮传递到一个模态。有没有办法在没有javascript/jquery或使用javascript/jquery的情况下实现这种功能？下面是我的标记的html片段
<button class="btn-icone bg-warning" data-toggle="modal" data-target="#modaleIcones"
data-id=1235>
<i value=Radiology class="fa f
浏览 0提问于2019-06-06得票数 0
回答已采纳
4回答
我正在尝试创建一个消息传递系统，当您单击“新消息”按钮时将打开该消息传递系统。我正在使用HTML、PHP和javascript。
我有一个设置了一个容器的按钮，可以在其中附加一个文本区域。我正在用javascript DOM来做这件事。这部分我没有问题，它试图让PHP进入javascript。
假设我有一个变量：
<?php $my_name = "Eric" ?>
我可以在javascript中调用它吗？如果没有，有没有其他方法可以解决这个问题？
下面是我的完整代码：
HTML：
<html>
<head>
<link typ
浏览 1提问于2013-09-05得票数 1
1回答
我找到了这个代码，它可以截取表单的屏幕截图。我正在尝试拍摄图像或视频的屏幕截图。有没有一种方法可以截取部分网页的屏幕截图并以代码保存表单的方式保存它？
这是我的html代码
<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="main.css" />
<title>Poster</title>
<script type="text/java
浏览 1提问于2014-07-09得票数 0
1回答
嗨，我正在使用Python/Django建立一个简单的博客。在我的index.html文件中，当一个包含月份的按钮被点击时，我试图显示存档的帖子。目前，我只是想把当月发表的每一篇文章的id放入一个javascript数组中。但是由于某些原因，它总是返回true！
<script type="text/javascript">
function showPosts(month)
{
var posts_in_month=[];
{% for post in all_posts %}
var match = {{ post.pub_date.month }}
{
浏览 1提问于2013-11-16得票数 1
4回答
我有一个html表单来收集名称和位置，在用户提交表单后，out将使用PHP显示在页面底部。
我的要求是，
在表单提交之前隐藏output div，在用户输入数据和提交后，我必须使output div可见，以便使用PHP显示表单输出。
以下是我的HTML代码：
<div class="main">
<form id="main" name="main" action="#text" method="post">
<div class="input&
浏览 6提问于2013-08-02得票数 4
回答已采纳
4回答
用按钮换一个盒子
、、
我对编码非常陌生，并且第一次尝试将html、css和javascript结合起来。任务是让按钮对一个框进行更改。例如，我的一个按钮是"grow"，在该按钮中，当单击按钮时，希望该框的大小增大。这是我的HTML
<!DOCTYPE html>
<html>
<head>
<title>Watch That Box</title>
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/a
浏览 4提问于2022-03-03得票数 0
我在javascript中创建了一个简单的click事件，当按钮单击variabel i添加150值时。然后我把它送到火力基地。但是，当我刷新索引页并再次单击按钮时，在Firebase中再次在0重新启动值。
我需要修改什么代码？
var myDataRef = new Firebase('https://***.firebaseIO.com');
var i = 0;
$('.btn').click(function() {
i = i + 150;
myDataRef.set({value: i});
});
$('.progress-
浏览 4提问于2014-12-19得票数 0
回答已采纳
好吧，我到底做错了什么？我正在尝试使用JQuery $.ajax函数从表单中.POST数据并返回json数据。但是每次post数据都是空的。
下面是HTML/JQuery部分
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css">
<script
浏览 0提问于2011-12-30得票数 0
回答已采纳
2回答
我说的变量就像页面查看一样。我想要它，这样变量就不会每次从1开始。因此，每次重新加载它时，pageview变量都会添加1。
HTML：
<div id='pageviews'></div>
Javascript：
var pageviews;
pageviews += 1;
document.getElementById('pageviews').innerHTML = pageviews;
我没有使用CSS，因为这是可选的。
浏览 3提问于2014-06-12得票数 1
回答已采纳
如何将其从按钮保存到本地存储并将其保存到表中：
<button class='myData' title="Add To data" data_nama='kantorku' data_id='kantor' data_link='https://www.kantor.com'>
<span><i class="fa-light fa-star"></i></span>
</button>
当单击该按钮时，将
浏览 8提问于2022-11-22得票数 0
回答已采纳
4回答
我试图在onclick时从html主体中的一个按钮调用函数。此函数将id发送到php以处理某些信息。问题是，当我按下按钮时，它并不是在调用函数。有人能告诉我我做错了什么吗？
谢谢
这是密码，
<html>
<head>
<title>Carrental</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-sc
浏览 5提问于2020-05-29得票数 0
回答已采纳
我正在编写一个可重用的Javascript代码片段(jQuery插件)，它涉及DOM样式。因为它被认为是任何人都可以使用的，所以我希望避免它的CSS类名称与文档中其他现有类之间的冲突。这就是为什么我使用名称空间字符串作为其所有类名的前缀(例如，如果我的前缀是prfx-，则类grid将变为prfx-grid )。为了尊重DRY，并使其易于更改，我只想声明我的前缀一次，并从CSS电子表格(可能使用Sass)和Javascript代码访问它。如果可能的话，我还想继续使用两个文件(我的.js和我的.css)。
有没有办法声明这样的前缀/名称空间常量，以便可以从(S)CSS和Javascript访问它？
浏览 0提问于2012-05-31得票数 3
回答已采纳
1回答
在我们的应用程序中，我们使用A标记来创建所有自定义样式元素，例如自定义CSS按钮。我们用CSS修改A标记并设置href='javascript:void(0)'.
主要问题是Chrome在悬停时显示底部标签'javascript:void(0)‘。
我们可以把所有的A-标签切换到按钮，还是有一些主要的缺点，我们有考虑？
谢谢..。
浏览 1提问于2013-12-19得票数 0
这是我第一次使用外部Javascript文件。我正在做关于Javascript的murach系列书中的练习，我被困在一些相当基本的东西上。我将显示我所做的Javascript编码，然后我将向您展示html文件。每当我单击按钮来计算未来的值时，即使我有onload事件处理程序，它也什么也不做。
/*Javascript*/
var $ = function(id) {
return document.getElementById(id);
};
function calculateFV(investment, interest, years) {]{
inves
浏览 7提问于2016-06-28得票数 0
回答已采纳
2回答
我正在学习JavaScript，但我不知道如何将ID从html传递到JavaScript函数中。
我的CSS页面如下所示：
#quizclock (此处包含属性)
在我的HTML页面上，我有一个javascript函数：
<script type="text/javascript">
var seconds = 0;
var clockId;
function runClock()
{
seconds + 1;
quizclock = seconds; //right here is my problem.
浏览 3提问于2013-02-21得票数 0
我有如下代码。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body { height: 100%; margin: 0; padding: 0; }
#map { height: 100%; }
</style>
</head>
<body>
<input type="hidden" id="zoom_data" valu
浏览 2提问于2015-12-17得票数 0
回答已采纳
我的索引文件在PHP中，它有一个div，我想在其中添加一个元素。我之所以不只是在文本中添加JQuery，是因为在我的例子中，我需要在文本中这样做。
<h3 id="points" class="text-white"><?php echo $json_values['guilds']['858917141063401512']['members'][JAVASCRIPTVARIABLEHERE]]['points'];?></h3>
我需要将javascript变
浏览 0提问于2021-07-16得票数 1
1回答
我有一个报价表，人们插入的基本信息，如名称，产品类型等，这都是很好的。
管理员可以看到引号表，并有一个按钮以结构化的方式查看信息。
现在我要做的是添加一个名为“接受”和“拒绝”的按钮，它会将表条目移动到“拒绝”或“接受”表(与引用表相同的结构)。
我环顾过谷歌，但只在制作一个按钮以删除条目或添加新条目方面找到了帮助。
下面是带有视图按钮的管理引用查看页面代码：
<?php
session_start();
include("dbconnection.php");
include("checklogin.php");
check_login();
?>
浏览 5提问于2017-12-10得票数 0
回答已采纳
我有两个单选按钮组。这两个按钮是radioGroupLoanType和radioGroupLoanType。
根据radioGroupLoanType中的选择，radioGroupLoanType的选择会有所不同。这很好用。
如果只有一个选项，则radioGroupLoanType的单击事件将设置radioGroupLoanType的值。似乎正在发生的事情是，每隔一次点击就会设置一个值。如果我在一个选择上单击两次，就会设置正确的值。
我怀疑发生的情况是，在设置该值时，没有设置radioGroupLoanType的选项。我可以通过使用@DbColumn而不是@DbLookup为radioGrou
浏览 1提问于2012-08-02得票数 0
回答已采纳
我有这段代码，它只是简单地显示一个弹出，其中包括两个图像，一个背景和一个可点击的图像(按钮)。这个想法是，当用户单击按钮时，它会显示他们的用户id。该设置只是ASPX文件中的javascript & HTML (以便它能够实际读取用户的id等)。当我在response.write部分中执行“.NET”时，它在屏幕上显示用户的ID没有问题。但是，我的问题是javascript不能看到'userid'，所以当我在javascript中执行‘警告(Userid)’时，它实际上并不显示ID，它只是空的。
这是我的代码：
<%@ Import Namespace="
浏览 4提问于2015-02-19得票数 0
回答已采纳
我有一个JavaScript库，它根据传递给库的参数生成html。例如，该库有一个接受html按钮的id的方法，然后该方法用html div (和一些内联css)包装html按钮，以使其看起来很好。该方法返回按钮的html字符串表示。
有没有可能在Rhino中使用这个JS库，并通过传递一些id (实际上应该是html页面中按钮的id )来调用该方法，并获得按钮的html字符串表示？
提前感谢
浏览 0提问于2011-03-21得票数 1
回答已采纳
我有一个2单选按钮在我的网页上，他们都有这样的OnCheckedChanged事件
protected void RadioButton1_CheckedChanged(object sender, EventArgs e)
{
gender = "Male";
}
protected void RadioButton2_CheckedChanged(object sender, EventArgs e)
{
gender = "Female";
}
我还有一个d
浏览 0提问于2018-12-20得票数 0
1回答
我尝试让cookie在主体加载时加载，然后检查它的值是什么。如果darkmode = true，那么它应该显示css/cssmain.css。如果为false，则应显示css/cstrut.css。cookie起作用了:如果我使用按钮从暗模式切换到亮模式，它会将暗模式从真(暗)切换到亮(假)，反之亦然。它甚至在我刷新页面时仍然存在，但是css切换到它的默认文件。
基本上，我想不出如何让darkMode进入我的javascript中的if语句。我尝试使用onload="getCookie(darkMode)“将cookie darkMode的值(true或false)放入脚本中。它似乎只
浏览 3提问于2021-12-04得票数 0
我想知道如何从get视图中获取值。例如，要将一个值加载到我使用的webview中：
myWebView.loadUrl("www.example.com");
myWebView.loadUrl("javascript:document.getElementById('username').value='"+ user + "';");
现在我想从一个网页上读一些来自某个ID的文本。类似于：
myWebView.loadUrl("www.example.com");
myWebView.getUrl
浏览 0提问于2013-04-12得票数 3
3回答
当我点击一个按钮时，我想加载一个JavaScript和CSS文件。我尝试过很多方法，也有一些在工作，但它们只允许使用预定义函数立即执行，至少我不想预先定义函数。我所要做的就是从我的服务器加载一个新的JavaScript和CSS文件，并在我想要的时候执行它(至少是JavaScript)。
浏览 1提问于2014-11-18得票数 1
回答已采纳
我有以下HTML代码：
<link id="style1" rel="stylesheet" href="css/style.css" type="text/css" media="screen">
用这个js：
<script type='text/javascript'>
function toggle() {
var el = document.getElementById("style1");
if (el.href.match(
浏览 4提问于2013-11-07得票数 0
回答已采纳
2回答
单选按钮选定值；可选择3个选项
、、、、
只使用超文本标记语言和JavaScript，我试图获得名字，姓氏详细信息，然后从三个单选按钮中选择最喜欢的颜色。我可以让名字和姓氏起作用，但不能做单选按钮？
HTML文件：
<html>
<title>Task 3</title>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form name="formDetail
浏览 3提问于2016-10-16得票数 1
这就是我在protractor.conf.js中拥有的内容：
let localNodeStorage = require('./helpers/localStorageNode');
exports.config ={onPrepare: async () => {
require('ts-node').register({
project: require('path').join(__dirname, './tsconfig.e2e.json')
});
jasm
浏览 0提问于2019-12-25得票数 1
4回答
我已经创建了以下代码，以便允许用户将我网站的样式表从浅色更改为深色。
<div class="style-changer"><span>Change Style:</span>
<button class="white" onclick="swapStyleSheet('white.css')">Light</button>
<button class="black" onclick="swapStyleSheet('black.cs
浏览 1提问于2015-04-19得票数 4
如何在HERE maps api上获取我的当前位置？
我想启用我当前位置的地理位置，并将坐标插入到此方法map.setCenter({lat:52.5159，lng:13.3777})；
以下是HERE地图的代码，用于获取我从其网站获取的地图位置
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="stylesheet"
浏览 5提问于2018-08-07得票数 4
1回答
下面是json & js文件代码，它无法使用jquery运行json文件，总是显示错误msg。
在没有任何asp.net / php编码的情况下在loacl机器上运行代码，我想在没有服务器的情况下运行JSON。我已经在本地机器上通过IIS设置了url。
杰森：
//myTutorials.json file
{
"one": "Singular sensation",
"two": "Beady little eyes",
"three": "Little birds pitch by
浏览 1提问于2015-08-11得票数 0
回答已采纳
1回答
我试图使用提交按钮输入，如果我输入正确的文本并按submit，则出现div，如果没有，输入和按钮都会变成红色。Jshint说我的代码没有问题，但似乎是因为它不起作用。我将粘贴下面的代码，以及我正在处理的代码链接。任何帮助都将非常感谢！
Html：
<input type="text" /><button>sumbit</button>
<div id="test"></div>
CSS：
button{
width:70px;
height:22px;
background:#2E9AFE;
浏览 4提问于2014-07-10得票数 1
回答已采纳
我试图用我的自定义模块覆盖一些javascript函数，但是它不能工作，并在浏览器控制台中抛出一个错误：
error: Some modules could not be started
Failed modules:
"custom_theme.custom_table_rows"
Debug:
"custom_theme.custom_table_rows":
error: ReferenceError: "web is not defined"
我有这个js文件odoo\addons\custom_theme\static\src\js
浏览 0提问于2019-08-27得票数 1
回答已采纳
我有一个带有单个按钮的简单表单和一个包含大量数据的datatable。当用户选择其中一个选项时，我希望datatable通过传递一个kwarg来刷新数据--这是选择的值，这将减少数据大小。
我的问题：
我如何使用fnServerParams使这个更干净？？
我的基本选择。
<div class="span-15 last"><select name="customer" id="id_customer">
<option value="" selected="selected"
浏览 0提问于2012-03-21得票数 1
回答已采纳
一个整数值，例如，从MySQL数据库中检索到的产品数量(在php中有一个while循环并放入一个HTML )，可以由一个jquery函数来增加吗？比如，如果用户每次点击一个按钮，产品数量就会增加1，但使用的是javascript，而不是php和会话。我尝试过用jquery方法来完成这个任务，但是没有成功。如果有人有任何建议，我将非常感激。
浏览 2提问于2016-10-05得票数 0
回答已采纳
4回答
如何根据id选择使用不同参数运行相同的函数？
在JQuery中，选择带有value="+"的输入按钮，然后确定它们的id是什么，然后用不同的参数调用javascript函数。
例如，选择带有id="Add_1"的按钮，然后调用的函数是getData(0);。
这是html (摘录)
<html>
<head>
<link href="../css/coin_convert.css" rel="stylesheet" type="text/css">
<script src=
浏览 11提问于2017-02-28得票数 0
回答已采纳
2回答
如何导入.js文件
、、、
嗨，我正在开发phonegap应用程序。如果我在index.html文件中使用console.log，它就会打印，但如果我在另一个文件中使用它，它就不会打印。假设我在index.html文件中导入文件，如下所示：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.1.0.css" />
<link rel="stylesheet" href=
浏览 0提问于2012-07-07得票数 1
回答已采纳
我从javascript中的API获取数据，然后基于此动态创建按钮，如下所示： document.getElementsByClassName("videos")[0].innerHTML += '<img src="' + video.snippet.thumbnails.default.url + '"> <h5>' + video.snippet.title +'<button onclick="Advertise('+video.id.videoId +'
浏览 17提问于2020-10-08得票数 0
回答已采纳
我试图在列和一组放在一起的滑块之间进行分割。其目标是让按钮通过折叠按钮显示内容，同时让滑块与图像/数字工具提示组合进行移动，这样我就可以让用户在获取他们正在滑动的各种图标的信息时看到他们正在拖动的内容。下面是发生的事情
当选中时，列显示0或1像素的高度.
出现滑块的Javascript，但倾向于在按钮内容的顶部覆盖
当为列创建间隔时，没有任何东西特别允许分隔成左、右两列。
当按下折叠div的按钮时，无论修改如何，内容都会移动按钮。
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.
浏览 0提问于2017-09-28得票数 1
回答已采纳
3回答
索引页面从登录页面接收会话变量。我希望这个会话变量被发送到另一个php页面，而不需要用户执行任何操作。将使用script.js文件创建一个表，并使用该表填充数据。script.js文件具有对dbmanipulate.php文件的ajax调用。dbmanipulate.php与数据库交互。现在，无论如何都可以将php会话变量从index.php发送到dbmanipulate.php，用户加载的唯一页面是index.php，并显示一个动态生成的表。
编辑后的我的index.php页面：
<?php
session_start();
$fname
浏览 1提问于2014-11-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
