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

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

當(dāng)動(dòng)態(tài)創(chuàng)建該元素及其類名時(shí),如何將 div 放入文檔中?

當(dāng)動(dòng)態(tài)創(chuàng)建該元素及其類名時(shí),如何將 div 放入文檔中?

千巷貓影 2023-05-25 17:09:43
我有以下方法,主要目的是:能夠創(chuàng)建多個(gè)具有不同類的 div然后我們使用它們?yōu)槎鄠€(gè)圖表創(chuàng)建“容器”問題在于此方法動(dòng)態(tài)創(chuàng)建了 div 和類。我需要在文檔中提供它們才能實(shí)際使用 appendChild,但由于它們是動(dòng)態(tài)創(chuàng)建的,所以我無法將它們硬編碼到文檔中我在必要的地方發(fā)表了評(píng)論,以說明這些線路的用途。createChartContainer(chartRef) {    // bring up the grid object    for (var chartDataInTable of this.tableData) {        // if this grid does not have 0 charts        if(chartDataInTable.summary_charts.length != 0) {            // create div            var createDiv = document.createElement('div');            // generate a string I can use as the class name for the newly created div shown above            var randomStringAsClassNames = Math.random().toString(36).substring(7);            // assign the random string as the className for the newly created div            createDiv.className = 'div_' + randomStringAsClassNames;            // chartClassName is defined as a string in data: () => ....            this.chartClassName = createDiv.className;            // non-negotiable as this shows the details of the created chart            var eChart = chartRef.chartElement;            // select the div that we've just created            var eParent = document.querySelector("." + this.chartClassName + "");            eParent.appendChild(eChart);        }    }},STRUCTURE OF ELEMENTS IN <script> TAG i.e. the Document (Note: I'm using Vue JS) (e.g. where the div should go)<template>    <v-card>        <v-text-field            label="Please enter chart name"            v-model="chartName"            append-outer-icon="mdi-content-save"            @click:append-outer="saveChart"        />    </v-card><template>console.log(eParent) 返回 null 并且出現(xiàn)以下錯(cuò)誤:Uncaught TypeError: Cannot read property 'appendChild' of null我收到的先前答案是我需要將它放在文檔中,但是當(dāng)我不知道類名是什么時(shí),我將如何在文檔中放置一個(gè)新動(dòng)態(tài)創(chuàng)建的 div 和一個(gè)新動(dòng)態(tài)創(chuàng)建的類名是?
查看完整描述

1 回答

?
慕慕森

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

eParent需要DOM Element存在。例如,您可以調(diào)用document.querySelector('body')并獲取主體,然后它允許您附加到body元素。

不看結(jié)構(gòu)很難直接給你解決方案HTML。但簡(jiǎn)而言之,您要附加到的父元素需要在函數(shù)內(nèi)部querySelector


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

添加回答

舉報(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)