Question

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

我的html代码就是这个。

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);">

我想在rect中设置第二个值，即（10px）到xpx。

Answer 1

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

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

Answer 2

这是我的一个建议..

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)";

Answer 3

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

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（），传入计算值（s ）。

用于更改属性的JavaScript代码

3 个答案: