亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

如何在 javaScript 中編寫我的 onclick 函數并將其綁定到 innerHTML

如何在 javaScript 中編寫我的 onclick 函數并將其綁定到 innerHTML

隔江千里 2023-06-15 17:14:41
 var x = 10      var y = 15      document.getElementById("text").innerHTML = '<div       onclick=\'test("'x + '","' + y + '") > text  </div>';你好,我是新來的,抱歉解釋不好,但是當我想給函數提供參數時,js 和 html 之間的函數語法是什么?我應該得到這個function : onclick='test(x,y)'
查看完整描述

2 回答

?
慕后森

TA貢獻1802條經驗 獲得超5個贊

看起來你正在嘗試將innerHTML你的#text元素設置為 test(x,y) 的結果傳統的做法是這樣的


const answer = test(x,y)

document.getElementById('idOfThingToBeChanged').innerHTML = answer;

如果您在單擊頁面上的按鈕時嘗試執行此操作,則需要將此代碼作為內容包含到您的事件偵聽器中,即


document.getElementById('idOfThingToBeClicked')

   .addEventListener('click' => {

      (the code from above)

   });

如果 X 和 Y 是從你的 HTML 頁面中提取的值,你會想要像這樣獲取它們


const x = document.getElementById('idOfElement1').value;

const y = document.getElementById('idOfElement2').value;

const answer = test(x,y);

這樣你的最終產品看起來像


document.getElementById('elementToBeClicked')

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

      const x = document.getElementById('idOfElement1').value;

      const y = document.getElementById('idOfElement2').value;

      document.getElementById('elementToBeChanged')

         .innerHTML = test(x, y);

});

//This assumes you're injecting this code at a point after the page has loaded

希望這涵蓋了所有基礎,但如果我能做得更好,請告訴我


查看完整回答
反對 回復 2023-06-15
?
慕桂英4014372

TA貢獻1871條經驗 獲得超13個贊

function test(x,y){

alert(x, y);

}


var x = 10

     var y = 15

     document.getElementById("text").innerHTML = `<div onclick="test(${x},${y})"> text</div>`;

<div id="text"></div>

PS:功能測試將顯示一個警報,以向您展示它是否有效



查看完整回答
反對 回復 2023-06-15
  • 2 回答
  • 0 關注
  • 166 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號