Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用a<;脚本>;函数并将其指定给html样式[用于顶部和左侧定位]_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使用a<;脚本>;函数并将其指定给html样式[用于顶部和左侧定位]

Javascript 如何使用a<;脚本>;函数并将其指定给html样式[用于顶部和左侧定位],javascript,html,css,Javascript,Html,Css,因为CSS不能处理正弦或余弦计算,所以我在HTML的元素中使用Math.sin和Math.cos。我正在尝试使用结果定位左侧和顶部。这似乎不是一个简单的解决办法。下面的代码可以工作,但我不能使用样式元素中的结果来定位左侧或顶部 函数MyCSFunction(b,角度){ 返回Math.cos(角度*Math.PI/180)*b; } document.getElementById(“GetHeight”).innerHTML=mycsFunction(240,18); 您可以使用这样的定位

因为CSS不能处理正弦或余弦计算,所以我在HTML的
元素中使用
Math.sin
Math.cos
。我正在尝试使用结果定位
左侧
顶部
。这似乎不是一个简单的解决办法。下面的代码可以工作,但我不能使用样式元素中的结果来定位
左侧
顶部

函数MyCSFunction(b,角度){ 返回Math.cos(角度*Math.PI/180)*b; } document.getElementById(“GetHeight”).innerHTML=mycsFunction(240,18);
您可以使用这样的定位

用于在
GetHeight
id中应用
left
CSS

document.getElementById("GetHeight").style.left = myCosFunction(240, 18);
与顶部相同

document.getElementById("GetHeight").style.top = myCosFunction(240, 18);

使用
CSS
script
中的值的另一种简单方法是使用
JS
innerHTML
赋予
style
元素,如下所示

var size=parseInt(mycsfunction(80,7));
document.getElementById('style').innerHTML=“#框{页边距顶部:”+
尺寸+“px;左边距:”+
大小+“像素;高度:100像素;宽度:100像素;背景:红色}”;
函数MyCSFunction(b,角度){
返回Math.cos(角度*Math.PI/180)*b;
}

文件
我

Nishag Shah,哇,太快了……非常感谢。我确实试过这个,但没能弄清楚在哪里插入它。目前它是从css定位的。。见下文#机器人学{位置:绝对;边框半径:6px;文本对齐:左;右填充:6px;左填充:10px;顶部:计算((290px-240px)-(76.5px/2));左:计算((1000px/2)-(56.2px/2));宽度:自动;高度:自动;}然后我不明白你的意思,简单解释一下你所说的插入位置是什么意思Nisharg Shah,我有一个半径为240px的圆,我沿着圆计算了20个点[相隔18度],我创建了20个框,每个框中都有一个列表,需要将每个框[在每个点上居中]定位在圆的18度位置。我使用脚本沿圆获取点,但不知道如何使用脚本函数的结果定位框。我想自动做这件事,因为圆圈会不时变化。你必须在问题中提到这一点,为此你需要显示你的代码。如果我的ans中有任何混淆,那么你可以在评论中询问我采取了你所做的,这与我正在尝试做的非常接近。如何使用上面的代码显示265半径圆上22个位置的方框。刚刚发布了试图显示更多细节的代码。@JayReese我更新了答案。如果它解决了你的问题,那么请投票并接受我的答案。但是,如果答案中有任何问题,那么你可以在评论中再次提问。@JayReese请投票并接受我的答案,如果你的问题得到解决,也请检查我的答案,也许这会有所帮助