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

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

將元素附加到特定 ID、for 循環(huán)和匿名函數(shù)?

將元素附加到特定 ID、for 循環(huán)和匿名函數(shù)?

猛跑小豬 2021-06-20 17:13:37
我為圖形元素創(chuàng)建了一個(gè)名為figBox的元素節(jié)點(diǎn),將其id屬性設(shè)置為“styleThumbs”并嘗試將其附加到 id 為“box”的 div 元素。然后我需要填充圖形框,插入一個(gè)索引從 0 到 4 的 for 循環(huán)。在該循環(huán)中,我想創(chuàng)建一個(gè)名為“sheetImg”的 img 元素節(jié)點(diǎn),其 src 屬性為“na_small_num.png”和"na_style_num.css"的alt屬性值(其中 num 是 for 循環(huán)中索引的值)。最后,當(dāng)用戶單擊其中一個(gè)縮略圖時(shí),我需要讓瀏覽器加載一個(gè)不同的樣式表,方法是向“sheetImg”添加一個(gè)事件處理程序,該處理程序運(yùn)行一個(gè)匿名函數(shù),將 ID 為“fancySheet”的鏈接元素的href屬性更改為事件目標(biāo)的alt屬性值。這是我已經(jīng)嘗試過(guò)的:var figure = document.createElement("figBox");            figure.setAttribute("id", "styleThumbs");            document.getElementById("box").appendChild(figure);   for (var i = 0; i = 3; i++) {   var img = document.createElement("sheetImg");             img.setAttribute("src", "na_small_num.png");             img.setAttribute("alt", "na_style_" + [i] + ".css");sheetImg.onclick = styleElm.seAttribute("href", "alt");sheetImg.appendChild(figure);檢查我的代碼的程序?qū)⒋朔祷貫椴徽_,考慮到我完全沒有經(jīng)驗(yàn),這并不奇怪。我哪里出錯(cuò)了?編輯各位,謝謝你們的幫助。我已經(jīng)弄清楚了這里的大量問題。這是正確的代碼:var figBox = document.createElement("figure");             figBox.setAttribute("id", "styleThumbs");             document.getElementById("box").appendChild(figBox);for (var i = 0; i < 5; i++) {   var sheetImg = document.createElement("img");                  sheetImg.setAttribute("src", "na_small_" + i + ".png");                  sheetImg.setAttribute("alt", "na_style_" + i + ".css");                  sheetImg.onclick = function(e) {                     document.getElementById("fancySheet").href = e.target.alt;                  }                  figBox.appendChild(sheetImg);}var thumbStyles = document.createElement("style");document.head.appendChild(thumbStyles);
查看完整描述

2 回答

?
慕田峪4524236

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

HTML


<!DOCTYPE html>

<html>

    <head>

        <link rel="stylesheet" type="text/css" href="na_style_8.css">

    </head>

    <body>

        <div id="box"></div>

    </body>

</html>

Javascript


<script type="text/javascript">

    var figure = document.createElement('figBox'),

        loadStylesheet = (stylesheet) => {

            stylesheetElement.setAttribute('href', stylesheet + '?' + new Date().getTime());

        },

        stylesheetElement = document.querySelector('link[href="na_style.css"]');


    figure.setAttribute('id', 'styleThumbs');

    document.getElementById('box').appendChild(figure);


    for (var i = 0; i < 4; i++) {

        var sheetImage = document.createElement('sheetImage');

        sheetImage.setAttribute('src', 'na_small_num.png');

        sheetImage.setAttribute('alt', 'na_style_' + [i] + '.css');


        // Populate figBox with created sheetImage

        figure.appendChild(sheetImage);


        // Add click event listener to sheetImg element

        sheetImage.addEventListener('click', (event) => {

            // Load stylesheet with anonymous function

            loadStylesheet(event.target.getAttribute('alt'));

        });

    }

</script>


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

添加回答

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