开发者问题收集
我正在寻找一种方法来从已通过 style 标签设置样式的元素中检索样式。<style>#box {width: 100px;}</style>在正文中<div id="box"></div>我正在寻找不使用库的直接 javascript。我尝试了以下操作,但一直收到空白:alert (document.getElementById("box").style.width);alert (docume
我希望能够按原样获取我的 DOM,并将其转换为字符串。假设我打开检查器并对特定元素的 margin-left 属性进行更改。该更改应反映在我的字符串中。该函数应正确获取当前应用于元素的所有样式(不包括默认值),并将它们包含在该元素的内联样式中。我编写了一个“解决方案”,但事实证明它不够充分。webkit 中的getMatchedCSSRules函数非常挑剔,我无法确定为什么它有时有效,有时无效。因
如何使用 javascript 打印 html 元素的样式属性值。我可以使用document.getElementById('myId').style.property获取特定样式属性值,其中property类似于width、height等。但是,如何获取元素的完整样式列表?
我尝试在 div 大小为 50% 到 100% 时调整div的大小。但是当我尝试console.log当前div大小时,它只记录空格... 出了什么问题?window.onload = function() {//declare varsvar fullbox = document.getElementById('box'),minBut = document.getElementById('do
我正在尝试获取 DOM 中元素的值。我想获取 style 属性中的“Active”值:<span ng-class="{'megatable-filter-box-txt-selected' : filter.value.length > 0}" class="ng-binding megatable-filter-box-txt-selected" style="">Active</span>在
我的 style 标签有 <style>#armsblue{position:absolute;left:0.33vw;top:-0.3vw;z-index: -1;}</style>body 标签有:<img src="E:\graphics\torsoblue.png" alt="Girl in a jacket" width="80%" id="torsoblue"><img src="E:
我想用 javascript 生成打印div的 innerHTML 元素,所以我根据这些答案编写了一些代码。但我想添加另一个功能:我希望打印的元素不仅包括div的 innerHTML,还包括来自<stylesheet>的 css。所以我修改了下面的代码,但似乎效果不佳。<style>#divID {some css...}<style>function printdiv() {var headst
我正在开发一个灵活的菜单,单击“链接”时无需在各个页面之间跳转。我为此使用的 JavaScript 如下:var inbox = document.getElementById("u-content-inbox");var friends = document.getElementById("u-content-friends");var agenda = document.getElementB
我的 HTML 文档中的表单标记内有一个输入字段,它有一个 id(哇)和一个检测类。我试图添加一个类(成功),如果用户的输入值与所需模式匹配,它将把输入字段的颜色变成绿色。我已通过queryselector方法选择了该输入标签,如下所示 -->const addclass = document.querySelector('.detect');但是当用户在输入字段内输入一个值时,我收到一个错误(未
我正在尝试使我的网站响应手持设备的操作。我有四张图片,所有图片的 class="grid-photos"。我尝试让照片在单击时展开,再次单击时关闭。 <div class="grid-container"><img class="grid-photos"><img class="grid-photos"><img class="grid-photos"><img class="gri
我不确定为什么我无法使用 document.querySelectorAll 查询选择我的类。我起初以为是因为它们位于另外两个 div 内,所以我将它们注释掉。但仍然没有结果。定位 elementsById 没有问题。我只用一个按钮测试了这一点,它 console.log 了 button.value。html<!DOCTYPE html><html lang="en"><head><meta c
目前,当我创建一个表格并将鼠标悬停在一个单元格上时,整行都会突出显示。我试图使它只突出显示直接单元格。以下是我的样式表中与表格相关的所有 CSS 代码:table{margin:.5em 0 1em;}table td,table th{text-align:center;border-right:1px solid #fff;padding:.4em .8em;}table th{backgro
我想在 smarty 中为td添加鼠标悬停时的背景颜色。如何使用创建悬停?我为悬停创建了一个类,但它不起作用。帮帮我吧
我的网页上有以下代码。它迭代列表,创建新单元格,并根据条件将 css 类分配给新表格单元格(假设类 .raw 已分配给某些单元格):<tr class="${(i % 2) == 0 ? 'odd' : 'even'}"><g:each in="${params.classProperties}" status="cnt" var="classProperty"><td class="${clas
这是我在这里的第一篇文章,我绝不是一个熟练的 HTML/CSS/JavaScript 程序员,所以如果我表达得不够清楚,请多多包涵 - 如果太冗长,请见谅!我使用经典 HTML 表格来显示表格内容,并希望能够更改与我当前悬停的行不同的行的背景颜色。这样做的原因是,我有许多表格,它们被分成“子表”,每个子表都有自己的标题和下面的一行或多行。这些子表 - 都具有相同的样式 - 但并未编码为表格,而是我