改变属性的javascript代码

发布于 2024-11-16 06:57:33 字数 455 浏览 0 评论 0原文

我正在尝试编写一段 JavaScript 代码，当特定事件发生时，该代码会更改 rect 的值。我正在思考 document.getElementById("xxx").setAttribute.. 但我完全陷入困境。任何帮助将不胜感激！

我的html代码是这样的。

var x = document.getElementById("某个整数").value;

<div id="xxx" style="position: absolute; left: 500px; top: 520px; width: 220px; height: 10px; clip: rect(0pt, 10px, 10px, 0pt); background-color: rgb(0, 0, 255);">

我想将 rect 中的第二个值，即 (10px) 设置为 xpx。

原文

I am trying to write a javascript code that would change the value of rect when a specific event occurs. I am thinking along the lines of document.getElementById("xxx").setAttribute.. but I am completely stuck. Any help would be greatly appreciated!

The html code I have is this.

var x = document.getElementById("some integer").value;

<div id="xxx" style="position: absolute; left: 500px; top: 520px; width: 220px; height: 10px; clip: rect(0pt, 10px, 10px, 0pt); background-color: rgb(0, 0, 255);">

I want to set the second value in rect, ie (10px) to xpx.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦初启 2024-11-23 06:57:33

document.getElementById("xxx").style.clip = "rect(10px, 10px, 10px, 10px)"; 应该可以解决问题。

clip 属性是 CSS 属性，因此需要使用 DOM 元素的 style 属性来设置它。

回复收藏 0 原文

爱已欠费 2024-11-23 06:57:33

这是我的一个建议..

document.getElementById("xxx").setAttribute('onclick', function() {document.getElementById("xxx").style.clip="rect(0px 75px 75px 0px)"; });

或者尝试这个...

document.getElementById("xxx").style.clip="rect(0px 75px 75px 0px)";

This is my one suggesion..

document.getElementById("xxx").setAttribute('onclick', function() {document.getElementById("xxx").style.clip="rect(0px 75px 75px 0px)"; });

or try this...

document.getElementById("xxx").style.clip="rect(0px 75px 75px 0px)";

回复收藏 0 原文

假装不在乎 2024-11-23 06:57:33

您可以尝试这样的操作，以便可以更改任何/所有剪辑设置：

function changeClipTo(t,r,b,l,elementID) {

var clipString = "rect(" + t + "px " + r + "px " + b + "px " + l + "px)";
document.getElementById(elementID).style.clip = clipString;

}

这样您就可以让任何点击事件提供您所需的值，例如 onclick="changeClipTo(0,50,10,0,'someElement' ）；”或 href="javascript:changeClipTo(0,50,10,0,'someElement');"

如果您事先不知道尺寸，那么您可以使用 onclick/href 调用一个确定所需值的函数，然后从该函数调用changeClipTo()，传入计算值。

You could try something like this, so that you can change any/all of the clip settings:

function changeClipTo(t,r,b,l,elementID) {

var clipString = "rect(" + t + "px " + r + "px " + b + "px " + l + "px)";
document.getElementById(elementID).style.clip = clipString;

}

That way you can have any click event supply your desired values such as onclick="changeClipTo(0,50,10,0,'someElement');" or href="javascript:changeClipTo(0,50,10,0,'someElement');"

If you don't know the dimensions ahead of time, then you could use the onclick/href to call a function which determines the value you need, then call changeClipTo() from that function, passing in the computed value(s).

回复收藏 0 原文

~没有更多了~