我有一个页面,其中有许多div,就像填写表单的页面(不是静态固定的,而是动态生成的)。
在这里,我需要创建一个新的div,并将其放置在特定的[x,y]位置上,该位置也不是固定的,而是在呈现时动态获取。
所以我的问题是如何使用javascript/jquery将新创建的div放置在特定的[x,y]位置上?
我尝试了以下方法,但是div没有出现:
const showFormFieldErrorMessage = function (data, message) {
const errorMsg = message || 'This field is required.';
const errorElem = document.createElement('div');
errorElem.style.backgroundColor = '#ff0000';
errorElem.innerHTML = errorMsg;
errorElem.style.top = `${(data && data.position && data.position.posy) ? data.position.posy : '0'}px`;
errorElem.style.left = `${(data && data.position && data.position.posx) ? data.position.posx : '0'}px`;
errorElem.zIndex = 900;
};
注意:参数数据是我在运行时获取位置详情的地方。
提前感谢!
body
中。仅创建div并为其设置一些属性并不会将其添加到DOM中。 - freedomn-m