Javascript DOM OffsetWidth在不同的设备上会有所不同吗？
是的，JavaScript DOM的OffsetWidth属性在不同设备上可能会有所不同。
OffsetWidth是DOM元素的可见宽度，包括元素的内容宽度、内边距和边框宽度。它是一个只读属性，以像素为单位。
由于不同设备的屏幕尺寸、分辨率和像素密度不同，因此OffsetWidth可能会在不同设备上有所不同。例如，一个元素在一个高分辨率的设备上可能显示更多的内容，因此OffsetWidth会更大。
此外，不同的浏览器也可能会对OffsetWidth的计算方式有所不同，因此在不同浏览器上也可能会有轻微的差异。
在应用场景方面，OffsetWidth可以用于计算元素的宽度，以便进行布局和样式调整。例如，可以使用OffsetWidth来动态调整元素的大小，以适应不同的屏幕尺寸。
腾讯云相关产品中，与JavaScript DOM OffsetWidth相关的产品可能是前端开发相关的产品，例如腾讯云的Web+服务，提供了一站式的前端开发和部署解决方案。您可以访问腾讯云Web+的官方网站了解更多信息：https://cloud.tencent.com/product/webplus
相关·内容
2回答
我仍然是javascript的新手，我在构建的过程中不断学习。这可能是一个简单的修复，但我如何在较小宽度上禁用视差图像上的函数(或通常禁用特定的js函数)？
这是我到目前为止所做的，不是很有效，但显示为“未定义的”。我已经寻找了几天的解决方案，但没有任何收获。任何帮助都将不胜感激。
var paraLlaxS = document.querySelector("#firstImgc2");
var paraLlaxS = document.querySelector("#secondImgc2");
var paraLlaxS = document.
浏览 14提问于2018-08-08得票数 4
回答已采纳
我有两个图像" image-big.jpg“和" image-small.jpg”，我想通过javascript检测屏幕宽度<= 699，并使用class="imageswap“将图像的SRC从image -Big.jpg更改为image-Small.jpg。
因此，基本上，如果他们是在便携式设备上，它将显示较小的图像。
我充其量是javascsript的新手，任何帮助我都非常感激！
浏览 0提问于2012-06-28得票数 1
3回答
在Javascript中，我有一个特定的字符串，我想以某种方式测量它将在某个元素中占用多少空间(以像素为单位)。
基本上，我拥有的是一个浮动在所有其他元素之上的元素(就像一个工具提示)，我需要通过Javascript手动设置它的宽度，这样它就会根据里面的文本进行调整。
我不能让它自然地“自动增长”，就像一个内联元素会水平地增长来容纳它的子元素一样。
在Windows中，有一些API可以做到这一点。有没有办法在Javascript中做同样的事情？
如果没有像样的方法，你认为什么方法是可行的？(例如，尝试不同的宽度并检查高度，以确保它没有超过某个阈值)。
显然，我可以在JS中硬编码的“像素值”越少
浏览 6提问于2009-02-02得票数 7
回答已采纳
我正在尝试在iOS应用程序中开发一个应用程序用户界面。iOS应用程序支持JavaScript和SVG；这个iOS应用程序还有一个编辑器，我正在用它开发界面。其思想是使用SVG处理图形(在Illustrator或InkScape中开发)，然后使用JavaScript处理动画、计算或逻辑。
话虽如此，但我很熟悉使用JavaScript来操作HTML。在这种环境下，我似乎不能做同样的事情。像getElementById、ownerDocument、setInterval这样的常用方法都不起作用。通常，HTML中使用的常见文档或窗口级别方法似乎不起作用。
所以我猜这是因为JS没有可以交互的DOM。那么
浏览 0提问于2013-06-07得票数 1
我最近在用phonegap编程。我想要得到我的设备的屏幕高度。我的设备的屏幕高度应该是854。但是当我在JavaScript中使用window.innderHeight时，我得到的值是816。我也尝试了$.mobile.getScreenHeight()，但是值是相同的。谁能告诉我为什么值是816而不是854？thx
浏览 0提问于2012-10-11得票数 1
6回答
我有一个聚合物元素，在它的Javascript中，我试图找到它的宽度和高度，就像它在DOM中一样。我试过很多种方法，但我总是能得到0。
浏览 7提问于2015-07-17得票数 8
回答已采纳
1回答
我试图制作一个尺寸为600X600像素的平面，但我只想得到不对称的平面，如黑色：图片所示。
我试图切换到组合相机，并使用这样的正字法模式：
signals.windowResize.add( function () {
if (camera.inPerspectiveMode) {
camera.cameraP.aspect = container.dom.offsetWidth / container.dom.offsetHeight;
camera.cameraP.updateProjectionMatrix();
}
else {
浏览 3提问于2016-03-31得票数 0
回答已采纳
我正在开发一个分析软件，有必要从竞争对手的网站获取或阅读用户行为。我认为从竞争对手网站的cookie访问信息将是一个更好的选择。除了这个还有别的选择吗。另外，如何使用JavaScript或Java从所有域访问cookie。
浏览 3提问于2013-12-27得票数 1
回答已采纳
假设我使用document.createElement动态创建了一个DIV，添加了一些内部文本，并希望确定其高度和宽度。我可以看到，在将DIV添加到DOM树之前，offsetWidth和offsetHeight等属性是0，这是意料之中的。一旦以编程方式将其添加到树中，我是否可以期望这些属性立即“就绪”，或者是否存在重绘/回流可能会被延迟并稍后发生的环境？
textDiv = document.createElement("div");
textDiv.innerHTML = "some dynamically created string";
console.l
浏览 0提问于2010-02-03得票数 4
回答已采纳
我想我要疯了！
我开始为自己写一个小练习，我将有一些Div，我可以拖动到右边框来增加或减少Div的宽度。我还有一个容器Div，它有一个设置的宽度，我将使用它来确定一个百分比--基本上，我将制作某种您可以编辑的条形图/直方图。
我开始写我的代码，我想我只是想确保我可以输出百分比。
这是永久代码..。
<style>
#container{width:500px;}
#dragDiv{border:1px solid #000;background-color:pink;width:100px;height:100px;}
</style>
</head>
&
浏览 2提问于2011-12-09得票数 1
我已经研究了几个小时了，但还是不能弄明白。
我正在尝试编写一些代码来对齐表标题和表列。
我正在尝试计算标题单元格的总宽度和列的宽度。
但是出于某种奇怪的原因，tdOffset得到一个值，而thOffset是NaN。
$("#tblTasks tbody tr:eq(0) td").each(function(index)
{
tdOffset = parseInt(this.offsetWidth);
thEl = $('#tblTasks thead tr:eq(0) th:eq(' + index.toString() + ')&#
浏览 1提问于2011-03-04得票数 5
回答已采纳
链接-> 我正在为样式使用html模板，并将其放入/ styles /assets/
我查看了Chrome，主题的所有样式和javascript元素都呈现得很好。但是当我尝试在Firefox上加载网站时，所有的样式都是错误的。填充丢失，对齐属性不起作用，选项卡不起作用，基本上整件事情都是错误的。
最初，我把样式表和Javascript放在/vendors中，我认为这就是问题所在，所以我改变了它，将所有的样式和Javascript放在/public/assets/中，但它仍然不能工作。调试此问题的最佳方法是什么？
浏览 9提问于2015-10-24得票数 1
回答已采纳
2回答
我必须编写一个javascript函数，该函数返回div的当前大小(以px表示)。不幸的是，div的权重是在%而不是px中指定的。
div的样式：position: absolute; width: 100%; height: 100%;
我的宽度返回函数：
function getTableWidth(tableId){
var tabWidth = document.getElementById('pt1::tabb').children[0].children[0].style.width;
return tabWidth;
}
tabWidth是“100
浏览 2提问于2010-05-09得票数 1
回答已采纳
3回答
如何在不使用HTML或Javascript指定宽度的情况下查找表或表中列的宽度？
例如：
<table id="myTable">
<tr><td>column a</td><td>column b</td></tr>
</table>
在Javascript中：
var tbl = document.getElementByID("myTable");
alert(tbl.style.width); //will be undefined
浏览 1提问于2009-02-26得票数 1
回答已采纳
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8&
浏览 0提问于2012-04-25得票数 0
我正试图在我的角度应用程序中使用JS获取元素的宽度。
document.getElementsByClassName("element")[0].offsetWidth;
当我这样做时，我会得到下面的编译错误
属性'of fsetWidth‘在类型'Element’上不存在。
有人能告诉我第四角怎么用吗?谢谢。
浏览 0提问于2017-08-30得票数 4
回答已采纳
我需要计算DOM对象的offsetRight。我已经有一些相当简单的代码来获取offsetLeft，但是没有javascript的offsetRight属性。如果我添加offsetLeft和offsetWidth，会起作用吗？还是有更好的方法？
function getOffsetLeft(obj)
{
if(obj == null)
return 0;
var offsetLeft = 0;
var tmp = obj;
while(tmp != null)
{
offsetLeft += tmp.offsetLeft;
浏览 1提问于2010-06-09得票数 9
在过去的几个星期里，我一直在做一个现在正在直播的网站。在这里可以看到：
这个网站在我测试过的所有浏览器上都很好，除了一个: Safari。当我在Safari 10.1中打开这个网站并悬停在第一段时，我看到的是：
这是正确的。每一行案文的第一个字应加下划线。线条的悬停导致了这种造型：
到目前为止一切都很顺利。现在我重新加载页面，我看到了以下内容：
下划线太宽了！我已经记录了offsetWidths，他们完全错了。这是我用来检索宽度的代码：
const parentParagraph = this.el.parentNode.parentNode;
let selfI
浏览 3提问于2017-05-15得票数 2
1回答
我正在寻找提高我的单页web应用程序性能的方法，该应用程序需要在包括低端手机在内的各种设备上运行。
我有8个模态(Twitter Bootstrap，但这个问题适用于任何框架)，它们将超过200个元素添加到我的页面DOM元素总数(783)中。在Javascript中将它们作为字符串而不是HTML中的代码，并在需要时在显示前立即将它们注入到DOM中，然后在显示后删除它们，是否值得呢？将把活动的DOM大小缩小四分之一，从而使JQuery元素搜索更快，页面更轻等。
例如，我在考虑使用JQuery的$.detach()和$.append()
浏览 0提问于2017-07-02得票数 0
我有一个类似于此的代码：
var a = document.createElement('div');
a.style.width = '200px';
a.style.fontSize = fontSize(a.offsetWidth, 5);
a.innerHTML = 'Example';
document.body.appendChild(a);
function fontSize(reference, factor){
return (reference*factor)/100 + 'px';
}
但是，当我运行它
浏览 6提问于2017-01-24得票数 0
回答已采纳
3回答
我最近读了很多关于响应式设计的文章，并试图理解最佳实践。我看到的是内容驱动的断点，而不是特定于设备的断点。
真正有用的是，在调整浏览器大小以获得特定值时，获得浏览器的确切宽度(以像素为单位)。我在chrome扩展上添加了“浏览器宽度”扩展，这似乎正是我所需要的。然而，经过一些测试后，“浏览器宽度”给出的值大约宽了20px。
还有没有别的东西可以让我得到我想要的东西？
浏览 2提问于2015-09-09得票数 2
1回答
我在使用样式表时已经取得了成功，但是在JavaScript中使用它对我来说是行不通的。我需要通过编程来做到这一点。希望你已经意识到我正在努力让div“增长”。
var myElement = document.createElement('div');
myElement.style.height = '0px';
myElement.style.padding = '0px';
myElement.style.webkitTransition = '2s'; /* problem with this line ? */
myEl
浏览 0提问于2012-07-26得票数 0
回答已采纳
1回答
设备屏幕上的图像太暗
、、、
我最近开始在我的游戏中使用.png图像，但在设备上它们太暗了。
我使用以下代码来获取我的图像：
a=BitmapFactory.decodeResource(getResources(), R.drawable.red_ball);
atom_bmp=Bitmap.createScaledBitmap(a,60,60,false);
然后我把它们画在画布上：
canvas.drawBitmap(atom_bmp,enemies[x].x-30,enemies[x].y-30, paint);
由此产生的图像比在计算机上显示的要暗得多。如何解决这个问题呢？
浏览 0提问于2012-11-13得票数 1
1回答
我有一个将数据发送到应用程序的心理设备。
我的问题是：
有没有一种方法可以使用与设备相同的COM端口将数据注入到该应用程序？
谢谢
浏览 0提问于2013-04-25得票数 0
回答已采纳
1回答
阴影DOM和自定义样式
、、、
我读过这篇，据我所知，每个本机浏览器小部件实际上都是基本元素、样式和脚本的组合。这就引出了一个问题--如果它们是由基本的构建块组成的，这是否意味着有一种方法可以通过JavaScript对它们进行自定义？我指的不是像一些JavaScript库/插件那样的替换方式--例如，简单地访问它们的“阴影DOM”属性并向它们添加一些样式。此外，有一些用例，但没有实用的用例。
有人试过这样的东西吗？这是完全可能的吗？缺点？
谢谢。
浏览 0提问于2011-01-17得票数 4
回答已采纳
我目前在JavaScript中遇到一个错误。代码如下所示
function loader() {
size = window.innerWidth;
size = size - 300;
mainj = document.getElementById('main1');
mainj.style.left = size.toString() + 'px';
submainj = document.getElementById('submain1');
submainj.style.left = siz
浏览 0提问于2011-06-22得票数 0
回答已采纳
1回答
我正在寻找一种方法，以适应各种屏幕设备的网页。
我的想法是构建一个代理服务器来返回客户端浏览器请求的页面的一个新的dom树和CSS样式。
我可以在代理服务器(node.js)上运行javascript吗？分析dom节点树？
还有其他方法吗？
谢谢!
浏览 2提问于2012-08-08得票数 1
回答已采纳
4回答
这里是一个简单的文字在网站上，我想知道什么是My First Heading的长度和高度在多少像素和在哪个位置…我如何通过javascript检测它？谢谢。
浏览 0提问于2012-11-26得票数 2
回答已采纳
4回答
我一直在处理一个带有内联SVG和javascript动画的HTML5文档。
我希望当用户点击任何地方时弹出一个框，当用户点击不是框的地方时，我希望框消失。这意味着我不能使用$(window).click()，它可以工作。
我尝试通过为SVG指定类名并使用$(".svgclassname").click()来选择顶部的SVG，但这似乎不起作用。使用$("#svgname").click()选择单独的项目也不起作用。
有什么问题吗？
(当我用$(window)替换$(".eyesvg")时，当用户在窗口中的任意位置单击时，光标旁边会出现一个蓝框。)
浏览 0提问于2010-07-21得票数 41
回答已采纳
我正在尝试检查，但是当我包含它时，我似乎无法构建我的测试目标。我克隆了Nocilla，并从源代码构建了静态库(目标模拟器)。我将nocilla静态库链接到我的测试目标。
我在我的项目中包含了所有Nocilla的公共标头，但出于某种原因，Xcode抱怨它找不到位于引用它们的相对位置的头。
试图运行我的测试会导致以下编译错误：
“LSHTTPRequest”文件未找到
Nocilla提供了安装说明，包括使用CocoaPods。我对使用CocoaPods不感兴趣。对于为什么我的测试找不到这些头文件，有人能为我提供任何线索吗？我是否遗漏了一个构建步骤，以确保它们被复制到测试执行位置？
谢谢！！
浏览 4提问于2013-06-23得票数 2
1回答
所以，我在Visual中创建了一个web应用程序，我们在所有主要浏览器(Chrome、Firefox、Safari、Edge/ IE)上使用它。我们在play商店/ app商店上也有一个应用程序，但是我们想摆脱这种情况，严格使用我们的网络应用程序进行移动。
我的问题是:我想在移动设备上的Safari上测试这个web应用程序(我有一个iPhone X，但也有一个可以使用iOS模拟器的Mac )，并且需要查找出现的JavaScript错误。在计算机上，我可以使用chrome工具，或者在Safari上使用JavaScript控制台。
如何在移动狩猎中看到JavaScript错误？我可以插入我的设备并
浏览 0提问于2019-04-30得票数 1
回答已采纳
2回答
我使用MesureIt！测量网站上的像素，通常用来检查开发时是否正确。我现在正在做一个流体布局，并且真的很想做同样的事情，但是我找不到任何能显示测量值%(相对于窗口)的东西。有什么能做这个的吗？
浏览 0提问于2012-12-27得票数 2
回答已采纳
1回答
我正在学习如何制作自己的jQuery插件，我遇到了一个我不确定为什么会看到的问题。这是我的插件：
(function($){
$.fn.clipping = function() {
console.log("Offset Width: " + this.offsetWidth);
console.log("Scroll Width: " + this.scrollWidth);
if(this.offsetWidth > this.scrollWidth) {
} else {
浏览 13提问于2018-02-27得票数 0
回答已采纳
3回答
我是否可以创建一个事件，以便无论何时具有特定ID的元素变得可见或出现在页面上，我都可以执行一些javascript？
元素来自远程资源(因此不在我的html代码中，但在页面加载时出现)，我希望一些代码在出现时运行(只有当它出现时，它可能不会在每次加载时都出现)。
谢谢!
浏览 0提问于2010-03-12得票数 1
回答已采纳
2回答
这是一个非常基本的问题，但我不知道如何研究。假设我有一个带有输入字段的html文件和一个javascript文件，其中包含一个函数来获取输入中输入的值：
HTML：
<input type='text' id='value' onclick='getValue()'>
JS档案：
var val;
function getValue(){
val = document.getElementById('value').value;
console.log(val)
}
当用户输入一个值时，该值将存储在DO
浏览 2提问于2015-11-13得票数 1
回答已采纳
我需要创建一个标签，这是绝对定位与可变宽度，基于字符串长度，字体，大小…
示例：
<div>hello</div>
为此，我需要大约50px的宽度。如何在Javascript中计算这个？谢谢
浏览 0提问于2011-05-06得票数 4
回答已采纳
我已经创建了一个应用程序，它使用以下过滤器在接收器中接收BOOT_COMPLETED：
<intent-filter>
<action android:name="android.intent.action.BOOT_COMPLETED" />
我在一台设备上收到此消息，但我还有另一台设备，尽管使用相同的APK，但无法收到此消息。哪些特定于设备的问题可能会阻止特定设备接收此意图？有没有办法对此进行测试并创建补救措施？
浏览 3提问于2013-06-21得票数 2
我的android webview应用程序出现问题。这个应用程序在一些设备上运行正常，但当我在Sony Acro S中使用时，它不会加载移动版本，它总是加载网页版本。第一次，我想可能是我的android版本(4.1.2)，但我在不同的设备上尝试了相同的操作系统版本(4.1.2)，结果是设备加载的是移动版而不是web版。这是我的代码，
public class MainActivity extends Activity
{私有WebView浏览器；
private ProgressBar progressBar;
@Override
public void onCreate(Bundle
浏览 0提问于2014-03-24得票数 4
2回答
我以前读到过，操纵DOM是在javascript中能做的最昂贵的事情之一。我也看到过它在中的演示。为什么花了这么长时间？
浏览 1提问于2012-12-14得票数 0
回答已采纳
如何在网格或视图中保持焦点？
使用箭头键或模拟器遥控器，如果我向左、向右、向上或向下走得太远，我就会失去焦点。
我尝试过聚光灯：“容器”，但似乎不起作用。
堆栈跟踪：
Uncaught TypeError: Cannot read property 'offsetWidth' of null dom.js:353
enyo.dom.getAbsoluteBounds dom.js:353
enyo.kind.getAbsoluteBounds Control.js:662
_calculateNearestNeighbor enyo.Spotlight.NearestNeigh
浏览 3提问于2014-08-07得票数 0
好的，我在QEMU上安装了没有GUI的Devuan，然后安装了，然后通过这个步骤1和步骤2安装VNC：
这是可以的，但是当我通过vnc查看器连接我的虚拟pc时，我看到了下一步： (只有白噪声而不是图像)。
这是我在：$ ~/.vnc/xstartup中的配置
#!/bin/sh
xrdb "$HOME/.Xresources"
startawesome &
有人知道解决办法吗？
浏览 4提问于2021-09-16得票数 0
1回答
我有一段JavaScript代码，它绘制了一个条形图(假设是条形图)：
const canvas = document.querySelector('canvas');
const ctx = canvas.getContext('2d');
canvas.width = window.innerHeight / 3 * 4;
canvas.height = window.innerHeight;
const xCharCnt = window.innerHeight / 3 * 4 / 48;
const yCharCnt = window.innerHei
浏览 0提问于2021-08-27得票数 0
1回答
在每个块中进行持久的更改
、、、
我一直在尝试这个奇妙的库，它基本上是一个jQuery的.NET端口，允许使用os CSS选择器和jQuery的大部分功能。
我使用它来解析和编辑一批HTML文件(特别是编辑不同DOM元素的一些属性)。
下面的C#片段显示了我正在做的事情，注释中包含了JavaScript/jQuery等效代码。
FileStream doc = File.Open(/*some html file*/);
CQ dom = CQ.Create(doc); // $dom = $(document);
CQ images = dom.Select("img"); // $
浏览 1提问于2013-01-09得票数 4
回答已采纳
javascript能否从css文件中获得div宽度的值，
如果是，请告诉我怎么做:)
浏览 1提问于2010-06-23得票数 0
我试图从SQL Server2008 R2连接到Oracle Linked，但Oracle Schema中有一个$符号。不幸的是，我不能更改模式名称，但在尝试使用OpenQuery提取信息时，它似乎给我带来了问题。有可能转义这个字符吗？
select *
FROM OPENQUERY(linksrv, 'SELECT * FROM [ABC$SCHEMA].[TABLE] where [ID] = ''ABCD0001'' ') oq
上面给出的错误消息如下：
OLE DB provider "OraOLEDB.Oracle"
浏览 0提问于2012-08-15得票数 0
我已经尝试在我的angular应用程序中获取组件的偏移数据，如下所示。 this.el.nativeElement.offsetWidth 但是如果我不传递它的css属性，它将返回0，如下所示。 this.renderer.setStyle(this.el.nativeElement, 'position', 'fixed'); 它的工作方式是I want.returning原生component.But的实值，我不想更改position属性。 你能给我推荐一些像offsetWidth之类的解决方案来获取当前的偏移数据吗？你可以在here上工作。
浏览 41提问于2019-06-19得票数 2
回答已采纳
1回答
所以，我对Java是个新手，比如我几个小时前就开始学了。因此，我正在使用Eclipse，并且我将Hello World程序导出为一个可执行的jar文件，因此当我双击我的应用程序时，它会加载一小段时间，然后什么也不会发生。
下面是我的代码：
import java.util.Scanner;
class HelloWorld {
public static void main(String args[]) {
Scanner scanner = new Scanner(System.in);
System.out.println("Hello w
浏览 0提问于2018-06-23得票数 1
2回答
按大小获取元素
、、
我必须获得大小为300x250的HTML页面中的所有元素(只是父元素)。因此，如果一个DIV是300x250，并且在相同的维度中有一个图像，我将只得到div)。
我不能使用jQuery或其他类似的框架，我认为这些方法如下：
循环页面中的所有元素，检查它们的大小(不好)。(不喜欢)
使用XPath (是否有一种通过XPath按宽度和高度进行过滤的方法？)
你们知道更好的方法吗？
浏览 5提问于2013-06-06得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
