我试图使用javascript (vue.js和node.js)来执行任务列表，其中列表中的元素根据其属性具有不同的颜色。例如，如果列表中的项的属性日期与当前日期相距不到三天，则具有红色背景色，而列表中的项的日期与当前日期相隔三天以上才具有绿色背景色。这有可能做到这一点吗？
浏览 3提问于2022-01-31得票数 0
1回答
假设我有一个使用location.hash来存储页面信息的页面，我的大多数访问者都使用js，所以没有问题。有没有办法使用CSS链接到具有相同值的非JS版本(改为使用location.search )？
想象一下：
<noscript>Use this page instead</noscript>
<textarea></textarea>
<input id="save" type="checkbox" value="save">
<input id="run"
浏览 0提问于2011-09-08得票数 3
回答已采纳
console.log(document.querySelector(".green").style.backgroundColor);
// gives an empty string as a result in console
.green {
width: 200px;
height: 200px;
background-color: green;
}
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta chars
浏览 0提问于2020-12-01得票数 1
回答已采纳
这似乎是我在使用angular.js时遇到的jqLite的问题。要查看问题，请打开控制台选项卡，然后在中单击"run with js“。left.css("width")返回了一个空字符串，而它不应该返回。
HTML
<!doctype html>
<html ng-app>
<head>
<meta name="description" content="Angular Template" />
<script src="http://code.angularjs
浏览 4提问于2013-05-18得票数 3
回答已采纳
以下代码警告空字符串：
HTML：
<div id="test">test</div>
CSS：
#test{
background-color: #f00;
}
剧本：
alert(document.getElementById('test').style.backgroundColor)
但是，如果我在javascript中设置bgcolor，那么它会警告bgcolor值：
document.getElementById('test').style.backgroundColor='#ff0'
浏览 0提问于2014-08-11得票数 3
回答已采纳
我正在学习如何用javascript在文档中拖拽DIV。下面是一个现场演示：
这在Firefox中运行得很好，我目前没有使用任何其他浏览器进行开发。但是，如果将set_coords_in_js更改为false，则演示将失败。
使用Firebug设置一些断点，您会注意到这一行失败：
var div_left = parseInt( mov_div_1.style.left, 10 );
在这一点上，mov_div_1.style.left没有价值。因此javascript不知道现有值是什么，并将div_left设置为'NaN‘。这个样式被设置，并且在文档中看起来是有效的，但是DOM中没
浏览 2提问于2011-09-29得票数 2
回答已采纳
2回答
JQTE文本值也获取样式
、、、、
我尝试在JQTE文本编辑器中获取该值。我只想得到没有任何HTML元素或设计的值。
我尝试了这个总线，当我在UI上做一些样式设计时，它也给了我一些样式。但我只想要价值而不是风格。任何帮助对我来说都是很好的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Crea Application</title>
<link href="css/jquery-te-1.4.0.css" rel=
浏览 6提问于2015-07-02得票数 1
我有引导CSS，需要重写它才能使它恢复到默认的浏览器外观。
-webkit-appearance: none;
这里是一个JS Fiddle：
如果我没有CSS应用于：
<input type="submit" />
浏览 2提问于2014-08-29得票数 0
回答已采纳
我想开发一个Chrome扩展，读取一个网站的CSS和图片。我试图实现的功能将类似于CSS 。是否可以使用内容脚本或后台脚本？我试图寻找一个解决方案，但找不到我正在寻找的东西。
manifest.json
{
"manifest_version": 2,
"name": "Get all css rules in stylesheets",
"background": {
"scripts": ["background.js"],
"persistent": true
},
浏览 3提问于2020-04-07得票数 1
回答已采纳
1回答
我有一些困难，在使用风格的组件在一个反应应用程序(创建-反应-应用程序)，我也使用材料-用户界面。
我是一个关于样式组件的noobie，所以我尝试在一个基于另一个资料ui组件的样式组件内设计一个素材ui组件。为了澄清我想要做的事情，下面是代码：
const StyledContainer = styled(Container)`
background-color: ${props=>props.theme.defaultBackground};
${FormControl} {
width:100%;
}
`;
容器和For
浏览 8提问于2020-04-14得票数 0
回答已采纳
我有个小问题。当我使用一些属性设置css规则，比如在外部.css文件中设置背景图像，然后尝试在另一个外部.js文件中使用javascript访问它时，它不起作用。也就是说，我没有得到document.getElementById(someId).style.backgroundImage.的任何值
但是当我使用html文件本身中的style属性设置css规则时，它可以工作。
因此，我的问题是，如果在外部.css文件中设置了css，我就不能访问js中的css属性。
浏览 2提问于2010-10-30得票数 15
我对js世界很陌生，并发现jquery将许多属性声明为方法，这使我非常uncomfortable.Such为$("#foo").parent()，我认为这应该是一个属性。
我知道js也可以定义属性，所以我想尝试将这些方法重新定义为相应的属性。
Object.defineProperty($.fn,"parent",
{
get:function () {
return this.parent()
},
configurable:false,
浏览 1提问于2017-11-06得票数 0
回答已采纳
我正在关注Material Components Web 。作为页面的模板，我使用了快速入门中详细描述的非常基本的模板-我的理解是这个模板是一个“包含所有”的模板:它使用: node_modules/material-components-web/dist/material-components-web.css和， (完整代码如下)
似乎永久抽屉和永久抽屉没有按预期显示。不能滑动，不能向左偏，不能伸展高度。
请注意，临时抽屉确实按预期工作。
我遗漏了什么？
<!DOCTYPE html>
Material Components for the web
浏览 0提问于2017-05-22得票数 0
我有这个元素，它代表了一个硬币在我的连接四个游戏，然而，我想改变的背景颜色的硬币使用内联造型在JS。是否可以将CSS格式转换为内联js样式？我试过使用getAttribute，但不认为我使用的是正确的。任何建议都会有帮助。
style.css：
.piece{
border-radius: 50%;
background-color: red;
flex-grow: 1;
margin: 5%;
}
.piece[data-placed = "false"]{
transform: translateY(-10vmin);
}
.piece[data-pl
浏览 5提问于2022-11-20得票数 0
1回答
我正在尝试使用angular指令实现水平iScroll。
以下是我的指令代码。
link: function(scope, elem, attrs) {
scope.winWidth = window.innerWidth;
scope.iScrollWidth = scope.winWidth *8.5 +'px';
jQuery(angular.element(attrs.thelist)).css({'width':scope.iScrollWidth});
var k_videoScro
浏览 2提问于2013-04-25得票数 3
回答已采纳
2回答
根据某些条件，我想向我的胞景图中的节点添加一些自定义样式。这是可能的吗?具体来说，我想添加多个内边框作为百分比圆圈。我愿意使用预定义的百分比。如下所示：
这个是可能的吗？如果有人能建议你做点什么就太好了。我可以使用cystoscape.js中的边框属性获得一个边框。在普通css3中，这可以使用伪元素来完成，但不确定在cytoscape.js中是如何工作的。
浏览 7提问于2015-12-21得票数 2
回答已采纳
1回答
我正在开发一个文本字体游戏，其中用户猜测屏幕上显示的字体，但是当我尝试比较单击的文本的style.familyFont和相应的数组元素字体时，出现了一个问题。
在执行了一些测试之后，当比较style.familyFont ===对应的数组元素时，似乎只有当style.familyFont包含包含空格的字体时，控制台才打印出false。显示比较的控制台示例：
Courier New == "Courier New“false
Times New Roman == "Times New Roman“false
Arial == Arial true
Calibri == Calib
浏览 0提问于2018-01-05得票数 1
我想问一些问题：，我应该做哪些步骤来制作mozilla上的界面并处理所有这些接口。我想做的接口是：
状态栏由标签和图片组成，如果右键单击菜单上的状态栏将显示活动的加载项(加载项、菜单、非活动隐藏的)和首选项。
当前网页在右击，浏览器上将显示一个上下文菜单"terjemahkan“，并有图片在左角。
当我在“工具”菜单>>加载项上选择“选项”按钮时，用户可以使用单选按钮调整这些加载项设置。
选择上下文菜单后，浏览器窗口将显示所需的结果。
我所做的步骤是：
我得到了状态栏，但为什么我不想出现的图片时，我已按指示。以及在上下文菜单上，图像不能像一般情况一样
浏览 1提问于2010-12-09得票数 1
回答已采纳
我有这个组件，我正在使用react测试库编写测试用例，当从.module.css文件导入样式时，我面临样式问题，但使用样式组件(style.js)时工作正常。
Demo.js
import styles from 'components/Demo/demo.module.css'
const Demo = () => {
return (
<div>
<p className={styles.newText} data-testid="closeIcon">
hello
</
浏览 2提问于2021-08-04得票数 3
我是WordPress的新手。
如何在页面中包含CSS和JS文件？
这是我的密码：
function load_files() {
// CSS
wp_enqueue_style('styles', get_template_directory_uri() . '/css/plugins.css');
wp_enqueue_style('styles', get_template_directory_uri() . '/css/style.css');
// JS
wp_
浏览 3提问于2021-02-18得票数 1
回答已采纳
我想要实现一个文本段落，其中一些单词被设置为具有浏览器原生样式的<a>标记。
这些单词可能真的位于具有href属性的<a>标记中，以将用户定向到另一个url，或者它们可能位于具有js onclick函数的伪装<span>标记中。
如何获取<a>标记的原生样式属性并将其应用于我的<span>标记？
浏览 1提问于2016-06-01得票数 2
1回答
我的一个div正在用ngStyle观察一个背景颜色变量。每当我更改这个值时，我都会得到一个错误。请参阅下面，我认为我与这个示例大致一致。
<div class="item item-divider" ng-style="scoreColor"><b>Rate</b> {{score}}</div>
<input type="range" name="rate" min="1" max="10" value="5"
浏览 2提问于2016-01-15得票数 1
回答已采纳
我有一个cytoscape.js视图，用户可以在其中设置特定节点的颜色(和形状)。这些网络，连同用户选择的颜色，我想出口。
cy.json()和cy.style().json()返回节点的初始状态。
现在，每次更改颜色时，我都要向节点添加一个新属性"current_color“，该属性由cy.json()导出。
有更好的方法吗？
浏览 4提问于2015-11-09得票数 1
回答已采纳
我在单独的容器里没有什么可拖的东西。当用户开始拖动元素时，我需要删除容器的position css属性。这是我的密码：
$('#widget li').draggable({
helper: 'clone',
revert: 'invalid',
start: function(){
$('#widget').css({'position': ''});
},
drag: function(){
$(this).css({'z-index&#
浏览 2提问于2018-05-30得票数 1
回答已采纳
2回答
我在我的应用程序中使用了React导航默认和黑暗主题。用户可以通过切换按钮改变主题，所有操作都很好。
现在，我想添加额外的颜色到默认的和黑暗的主题。因此，在默认情况下，它们有如下内容：
Object {
"background": "rgb(1, 1, 1)",
"border": "rgb(39, 39, 41)",
"card": "rgb(18, 18, 18)",
"notification": "rgb(255, 69, 58)",
&#
浏览 1提问于2021-03-08得票数 1
1回答
我在更新Chrome中的web应用程序时遇到了问题。这是一个ASPX网站，但我不认为它与这次对话有关。问题是我们的客户端没有在Chrome中获得最新的编程，因为大多数时候，它无法从内存中释放Javascript和CSS编程，然后在使用时造成各种混乱。
我试着将这段代码放在<head>中，就像许多人建议的那样，但它并不总是有效。
<script type="text/javascript">
function reload_js(par_src) {
src = $('script[src$="' + pa
浏览 0提问于2016-11-15得票数 0
1回答
因此，我有一个由div组成的简单html文件；和一个css文件，该文件具有上述div的简单样式：
html：
<html>
<head>
<title>Simple Movement</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="index.js"&g
浏览 2提问于2021-11-04得票数 0
回答已采纳
下面是我的应用程序在ReactJS组件中呈现的行，并保存为nav.jsx。
<span style="font-family: 'Open Sans', sans-serif;"> Home</span>
例外：
Uncaught Error: The `style` prop expects a mapping from style properties to values, not a string. For example, style={{marginRight: spacing + 'em'}}
浏览 1提问于2017-03-17得票数 0
回答已采纳
升级到7.2.6之后，我可以使用ng build成功构建，但是当我运行ng test时会出现以下错误。我尝试在我的styles.css文件中调整到angular.json的路径，但仍然收到相同的错误。我对正在发生的事感到不知所措。我也在用Ionic 4。
ERROR in multi ./styles.css
Module not found: Error: Can't resolve '/Users/zsoflin/Documents/GitHub/Layer/styles.css' in '/Users/zsoflin/Documents/GitHub/La
浏览 1提问于2019-02-22得票数 8
我正在使用selenium-python绑定来做一些基本的浏览器测试。我需要点击一个元素，这个元素对于default.So是不可见的。我想让这个不可见的元素可见，我已经尝试使用execute_script()方法，通过使用下面的code.However来使它可见。JS代码document.getElementsByClassName("bdpfmenu")[0].style.display="block";在控制台中成功运行，但是当我在python中使用execute_script()时出现错误消息。
js = 'document.getElements
浏览 2提问于2017-04-06得票数 0
我试图为我的wordpress网站制作一个工具，它将显示某些css选择器的当前样式。我想显示h1应该显示在哪一种字体(和后来的颜色)中。
我正在考虑使用JS来完成这个任务，下面是我开始的工作：
我的HTML
<h1 id="harold">This is a H1 Heading</h1>
然后在我的functions.php中测试，我使用了以下函数：
/* Inline script printed out in the footer */
add_action('wp_footer', 'add_script_wp_foote
浏览 7提问于2022-01-06得票数 2
回答已采纳
描述
在我们基于webpack的角度项目中，我们使用下一个展开线：
将所有静态资源生成到静态文件夹
生成索引html
将静态资源部署到“静态服务器”(S3桶)
将index.html部署到“主服务器”
Dist文件夹如下所示：
dist
--static
----anivers-bold.eot
----logo.svg
----styles.bundle.css
----code.bundle.js
--index.html
指向index.html中资源的链接如下所示：
<script src="http://127.0.0
浏览 1提问于2019-08-22得票数 0
回答已采纳
我有两个html页面page_1.html和page_2.html。在page_1.html中，我有一个按钮，单击该按钮后应该重定向到page_2.html。但是，只有当按钮具有字符背景色时，它才应该重定向。
所以，在page_1.html中，我有一个按钮：
Organization:<div id="org"><input type="checkbox" id="cb1" >ID no: <input type="number" id="org_number" style="
浏览 2提问于2020-12-30得票数 1
回答已采纳
1回答
在D3转换中使用CSS值
、、、、
我想将d3转换为在CSS中定义的样式。我可以成功地转换到我在代码中显式应用的样式值。但是，我希望在样式表中定义动画的目标值。
下面是一个红色div转换为蓝色div的例子：
<html>
<head>
<script src="http://d3js.org/d3.v3.js"></script>
<style>
div {
background: red
}
浏览 0提问于2013-10-06得票数 6
回答已采纳
2回答
使用blazor服务器应用程序并尝试制作多级导航菜单
在共享组件Navmenu.razor文件下，我添加了从bootstrap复制的代码
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-ex
浏览 1提问于2021-10-07得票数 0
1回答
我如何在没有使用d3.js值的情况下添加属性？
例如，我如何构建这样一个选项：
<option value="" disabled selected>Select something...</option>
在本例中，disabled和selected属性没有值。value属性的值为""。
浏览 2提问于2018-06-12得票数 1
回答已采纳
2回答
我不知道如何通过Chrome扩展将CSS注入到网页中。我正在尝试将这个注入到一个网页中：
body {
background: #000 !important;
}
a {
color: #777 !important;
}
这是我的manifest.json：
{
"update_url":"http://clients2.google.com/service/update2/crx",
"name": "Test Extension",
"version": "1.0",
浏览 6提问于2011-10-01得票数 44
1回答
这只加载jquery一次：
<script type="module">
import "./js/jquery.js";
import "./js/jquery.js";
</script>
同样的情况也适用于：
<script type="module">
import "./js/jquery.js";
</script>
<script type="module"&g
浏览 0提问于2018-08-19得票数 4
我正在为某个站点创建一个样式表，使用javascript为某些元素分配类。由于任何原因，一些'td‘元素使用奇怪的类赋值和内联样式，因此我循环处理它们，清理它们，并为外部样式表中的引用指定适当的类名。
我没有访问站点本身的权限(也没有更改任何内容的管理权限)，所以我对Firefox使用了时尚和Greasemonkey (加上Adblock来处理原始样式表)。
以下是js代码中的一小部分：
var cellStyleBg = cCell.style.backgroundColor;
if (cellStyleBg) {
switch(cellStyleBg) {
case
浏览 3提问于2014-04-03得票数 3
回答已采纳
我试图使用javascript显示div的图层样式。我的js代码如下：
<body>
<script>
function displayStyle(objectId,styleName){
var objRef=document.getElementById(objectId);
var styleValue=eval(objRef.style + styleName);
window.alert(styleName +" =" +styleValue);
}
</script>
<div id=
浏览 3提问于2015-02-16得票数 0
回答已采纳
我目前正在跟踪并下载了源代码，它有以下内容：
我使用的是ReactJS + Redux和Webpack。如何将这些文件集成到我的ReactJS体系结构中？例如，即使有可能，我也不希望将所有内容都抛到当前的index.html文件中，而且这并不是遵循ReactJS。
编辑
App.js：
import React, { Component } from 'react'
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
impor
浏览 0提问于2016-08-16得票数 0
我正在尝试检查我的代码中是否应用了属性overflow-y: auto的css样式。例如，如果my有一个类"abcd"，而"abcd“有它的css overflow-y: auto，那么传递。虽然我已经为jquery找到了一个方法，但我没有使用它，我想为纯javascript (或Angular JS)找到一个方法，以确定元素是否具有给定的css属性。没有jquery我该怎么做呢？
浏览 20提问于2019-01-23得票数 0
回答已采纳
1回答
containerA可以使用容器B的操作吗？例如，containerA和B都需要从远程服务器获取data，并且您需要在容器A的目录中定义与抓取相关的函数。
containerA
aContainer.js
aActions.js
aReducers.js
containerB
bContainer.js
bActions.js
bReducers.js
import ../containerA/aActions Is containerB/bContainer.js可以吗？
浏览 2提问于2016-03-06得票数 1
回答已采纳
新来的JS。如何将CSS应用于此JS获取以更改测试位置、字体？谢谢。
let file = 'art.txt';
const handleFetch = () => {
fetch(file)
.then((x) => x.text())
.then((y) => (document.getElementById('kdkz').innerHTML = y));
};
setInterval(() => handleFetch(), 2000);
<p id="kdkz">
浏览 7提问于2022-01-30得票数 0
回答已采纳
我有一个DIV，它的显示设置为none，通过使用javascript，我尝试使用按钮的onclick来显示它。但实际情况正好相反。我的DIV已经显示出来了，当我点击按钮时，它就隐藏了DIV。我在这里做错什么了，请帮帮忙！
这是我的按钮和div：
<button onclick="myFunction()">SHOW</button>
<div id="how_to_form">
<img src="../images/view.png">
</div>
这是J
浏览 0提问于2019-04-01得票数 1
回答已采纳
我目前正在制作一个基本的拖放系统，需要检索正在移动的元素的top和left属性。如果我这么做：
var mover = document.getElementById('mover');
alert(mover.style.top);
不会报警(‘’)
是否有任何方法可以检索CSS值(在JS中)，而不必先用JS定义它们？
浏览 3提问于2015-04-23得票数 0
回答已采纳
2回答
嗨，我在试图导入组件时出错了(im使用流类型)
这是我的ReloadScreenPayLater.component.js
/**
* Reload Screen Component
* @param {Props} onReload - reload Parameter
* @return {React.Node} - return react component
*/
const ReloadScreenPaylater = ({ onReload }: Props): React.Node => (
<ReloadScreen onReload={onRelo
浏览 7提问于2022-04-05得票数 0
回答已采纳
这是Html：(示例) <div id="id1" style="width:100px;background: rgb(196, 14, 14);">1</div>
<div id="id2" style="margin-top:10px">2</div>
to
<div id="id1" style="width:100px;background: rgb(196, 14, 14);">1</div>
<div
浏览 10提问于2020-04-09得票数 0
回答已采纳
1回答
我在我的一个web应用程序中使用了灵活的css框模型。为了IE的跨浏览器兼容性，我使用了flexie.js pollyfill。我已经让它在我的本地机器和我的生产环境上工作得很好。然而，当我试图从子域名而不是裸域中提供静态文件( css、javascript和图像)时，问题就开始了。flexie.js文件被加载到ie中，但是当我通过子域提供静态内容时，它似乎没有任何作用。一旦我将我的配置更改为使用裸域来提供页面，flexie.js就会相应地呈现页面。我在这里没有看到任何ajax，当我使用子域时，我所有的其他脚本文件都工作得很好。我不认为这有任何意义，而且我相信还有其他原因。
浏览 0提问于2011-10-05得票数 0
1回答
我正在构建两个基于jQuery的插件，我想在html文档中包含必要的css文件。
首先，当我包含js和css时，它运行得非常完美，如下所示：
<script src="/apps/calendar/js/script.js"></script>
<link rel="stylesheet" href="/apps/calendar/css/style.css" title="calendar-style">
然后我添加了第二个js和css。有必要给css文件一个标题，因为在某些情况下，我希望将c
浏览 5提问于2020-07-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
