gpt4 book ai didi

javascript - 关于 ".style.something"- javascript 的使用

转载 作者:太空宇宙 更新时间:2023-11-04 04:19:32 27 4
gpt4 key购买 nike

我有以下 javascript 代码:

function createDiv(id){
var temp = document.createElement('div');
temp.setAttribute("id", id);
document.getElementsByTagName('body')[0].appendChild(temp);
}

createDiv('upper_outer');

function /*ABSTRACTION*/(e)
{

/* Part not shown of the function is working correctly */

var upper = document.getElementById("upper_outer");

upper.style.display = "block";
upper.style.position = "absolute";
upper.style.height = $(document).height() - init_co[0] + "px";
upper.style.width = s_box.style.width + "px";
upper.style.left = init_co[0] + "px";
upper.style.top = init_co[1] + "px";
}

通过开发控制台,我可以检查 div 实际上是否已使用正确的 id 创建,但没有任何更改,因为它应该是关于 style 属性的。对此有什么想法吗? (请忽略此代码中未显示的变量,它们已正确实现)。

编辑:

函数被调用。部分功能确实有效。

最佳答案

不管您在常规 javascript 中的问题的答案如何,我注意到您混合使用了 jQuery 和普通的旧 Javascript。既然您已经在使用 jQuery,那么不妨使用它。 (我知道,对吧?)

试试这个:

function createDiv(id)
{
$('<div></div>').attr('id',id).appendTo('body');
}

createDiv('upper_outer');

//I'm assuming this is created in response to some sort of event.
//Perhaps the event isn't being triggered?
//Are you sure all your variables are defined? - init_co and s_box
function /*ABSTRACTION*/(e)
{
$('#upper_outer').css(
{
'display':'block',
'position':'absolute',
'height':$(document).height() - init_co[0] + 'px',
'width':s_box.css('width'),
'left':init_co[0] + 'px',
'top':init_co[1] + 'px'
});
}

请注意:每页只能有 1(ONE!!!!)ID。 ID 是唯一的。如果多次创建具有此 ID 的此 div,则您可能没有更改您认为的 div 的样式。如果您打算创建多个这样的 div,请改用“class”。如果没有,也许您应该考虑在创建元素之前检查该元素是否存在?

//Inside createDiv()
if($('#'+id).length)) return;

关于javascript - 关于 ".style.something"- javascript 的使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19349474/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com