第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在特定位置插入 div

在特定位置插入 div

回首憶惘然 2023-07-29 16:52:02
我有一個(gè)包含很多 div 的頁(yè)面,例如表單填寫頁(yè)面(不是靜態(tài)固定的,而是動(dòng)態(tài)生成的)。在這里,我需要?jiǎng)?chuàng)建一個(gè)新的 div 并將其放置在特定的 [x,y] 位置,該位置也不是固定的,但在渲染時(shí)會(huì)動(dòng)態(tài)變化。所以我的問(wèn)題是如何使用 javascript/jquery 將新創(chuàng)建的 div 放置在特定的 [x,y] 位置?我正在嘗試這樣,但 div 沒(méi)有出現(xiàn):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;};注意:參數(shù)數(shù)據(jù)是我在運(yùn)行時(shí)獲取位置詳細(xì)信息的地方。提前致謝?。?
查看完整描述

2 回答

?
弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

如果您想將新創(chuàng)建的 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.style.position = 'absolute';

    errorElem.zIndex = 900;


    document.body.appendChild(errorElem);

};

您可以使用以下方法將新元素添加到文檔正文:


document.body.appendChild(errorElem);

注意:確保將位置設(shè)置為“絕對(duì)”,errorElem否則頂部和左側(cè)屬性將不起作用。


查看完整回答
反對(duì) 回復(fù) 2023-07-29
?
狐的傳說(shuō)

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊

思路如下:

  1. 您的 div 需要首先定位,即設(shè)置style.position元素的屬性。

  2. 設(shè)置元素的style.top,style.left屬性以將元素放置在特定坐標(biāo)上。

這是工作示例:

function addToCoordinates() {

    var div1 = document.createElement('div');

    var x_pos = '100px', y_pos = '100px';


    div1.id = 'div1';

    div1.style.height = "200px";

    div1.style.width = "200px";

    div1.style.backgroundColor = "#1abc9c";

    div1.style.position = "absolute";

    div1.style.left = x_pos;

    div1.style.top = y_pos;


    document.body.appendChild(div1);

}

<button onclick="addToCoordinates()">Add div on a particular position</button>


查看完整回答
反對(duì) 回復(fù) 2023-07-29
  • 2 回答
  • 0 關(guān)注
  • 208 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)