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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 JavaScript 在按鈕單擊時顯示內(nèi)容

如何使用 JavaScript 在按鈕單擊時顯示內(nèi)容

ibeautiful 2022-01-07 09:53:38
到目前為止,我已經(jīng)嘗試過這個,但它不起作用。如果我在這一行中將頁腳更改為 div,而var x = document.getElementsByTagName("footer");不是在我的代碼中顯示所有 div,我也不想要這個。誰能幫助我告訴我這段代碼有什么問題以及如何使這段代碼正常工作?HTML<p> name:</p> <div> john</div><p> class: </p> <div> English</div><p> email: </p> <div> some@gmail.com</div><footer>    <button onclick="show()">Contact</button>    <p id="first"></p>    <p id="second"></p>    <p id="third"></p></footer>JSfunction show() {    var x = document.getElementsByTagName("footer");    document.getElementById("first").innerHTML =    'first div: ' + x[0].innerHTML;    document.getElementById("second").innerHTML =    'second div: ' + x[1].innerHTML;    document.getElementById("third").innerHTML =    'third div: ' + x[2].innerHTML;    }
查看完整描述

2 回答

?
人到中年有點甜

TA貢獻1895條經(jīng)驗 獲得超7個贊

你有一些錯誤:


你只有一個頁腳,我猜你想獲取所有 div 的內(nèi)容。您的 id 錯誤,“firstHere”不存在,但“first”存在,第二個和第三個 id 相同。


更新:您可以向您的 div 添加一個類(如果您在頁面中有另一個 div 但您想忽略它們)。


要獲取多個元素,您還可以使用querySelectorAll,使用 css 選擇器作為參數(shù)。


試試這個:


function show() {

    var x = document.querySelectorAll(".your-class");

    document.getElementById("first").innerHTML =

    'first div: ' + x[0].innerHTML;


    document.getElementById("second").innerHTML =

    'second div: ' + x[1].innerHTML;


    document.getElementById("third").innerHTML =

    'third div: ' + x[2].innerHTML;

    }

<p> name:</p> <div class="your-class"> john</div>

<p> class: </p> <div class="your-class"> English</div>

<p> email: </p> <div class="your-class"> some@gmail.com</div>

<footer>

    <button onclick="show()">Contact</button>

    <p id="first"></p>

    <p id="second"></p>

    <p id="third"></p>

</footer>


查看完整回答
反對 回復(fù) 2022-01-07
?
千萬里不及你

TA貢獻1784條經(jīng)驗 獲得超9個贊

document.getElementById需要的參數(shù)與你在html中的id相同


在這里如何做到這一點:


function show() {

    var x = document.getElementsByTagName("div");

    document.getElementById("first").innerHTML =

    'first div: ' + x[0].innerHTML;


    document.getElementById("second").innerHTML =

    'second div: ' + x[1].innerHTML;


    document.getElementById("third").innerHTML =

    'third div: ' + x[2].innerHTML;

}

這里是document.getElementById的手冊


查看完整回答
反對 回復(fù) 2022-01-07
  • 2 回答
  • 0 關(guān)注
  • 291 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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