gpt4 book ai didi

javascript - 如何使用通用 JavaScript 函数从 HTML 获取 CSS 属性值
转载 作者:行者123 更新时间:2023-11-28 05:21:57 26 4
gpt4 key购买 nike

编辑:

我现在已经试过了:

var google, finalObject;

function getpositionx() {

google = document.getElementById('google');
finalObject = window.getComputedStyle(google);
return parseFloat(finalObject.style.left);

};

getpositionx();

现在没有语法错误,但我明白了:

Uncaught TypeError: Cannot read property 'left' of undefined

为什么会这样?

(下面的 JSFiddle 链接更新了这个新问题)


我正在尝试使用 JavaScript 获取和设置外部 SVG 的大小和位置。我将不得不为多达 6 个不同的对象执行此操作,因此我希望一个函数可以获取(或设置)我正在处理的任何对象所需的值。我制作了一个示例代码来展示我正在尝试做的事情——您可以在 JSFiddle(下面的链接)上查看它。这里我有 JavaScript,由于应该获取值的函数,它是无效的。如果每个对象都没有不同的功能,我该如何做到这一点?

JavaScript:

var google;

function getelement() {

google = document.getElementById('google');

};

function this.getpositionx() {

return parseFloat(this.style.left);

};

我也试过这样做:

function getpositionx(objectid) {

return parseFloat(objectid.style.left);

};

JSFiddle here

感谢您的关注:)

最佳答案

当您使用window.getComputedStyle 时,该方法直接返回为您的对象计算的样式属性。您可以直接访问 rreturn 对象中的 css 属性。

所以要解决您的问题,您应该使用:

var google, finalObject;

function getpositionx() {

google = document.getElementById('google');
finalObjectStyle = window.getComputedStyle(google);
return parseFloat(finalObjectStyle.left);

};

getpositionx();

关于javascript - 如何使用通用 JavaScript 函数从 HTML <object> 获取 CSS 属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38981055/

26 4 0