2015-11-04 65 views
0

假設取參數從JavaScript有一個數組:如何在HTML

array: ['hi,'by','miao'] 

假設這個數組傳遞給一個HTML頁面,我想提出的第二個元素在我的html代碼:

<input type="button" id='{array[1]}'>.... 

但它不起作用。誰能幫我?

+0

我知道Javascript和HTML,而我之前並沒有見過'id ='{array [1]}''的語法。我知道有可能使用jQuery設置id,那是你正在嘗試做什麼? – 2015-11-04 16:34:28

+1

如果你想id是文字「{array [1]}」,你的代碼應該可以工作。但是,如果你想要這個id是「by」,你必須實際設置元素的id:document.querySelector('input [type =「button」]')。基本的html/javascript不支持將javascript自動填充到html的語法。你必須爲這種編碼使用框架。 – Shilly

回答

1

你缺少密切報價喜後:

所有的
array: ['hi','by','miao'] 
+0

是的抱歉,但它不工作! – DOOFFY

1

首先,有缺失的報價,因爲@erognaut和@unenthusiasticuser人士指出。

據我所知,我不認爲有可能將JS變量注入到HTML中,就像您正在嘗試的那樣。不過,使用PHP或服務器端語言也是可能的。或者像@ jBot-42所說的,你可能想用腳本改變使用JS或jQuery的id,但不是這樣。例如:

<input type="button" data-id='array_elem' /> 

<script> 
    var array = ['hi','by','miao']; 
    // uses jQuery 
    $("input[data-id='array_elem']").attr("id", array[1]); 
</script> 
+0

這是正確的答案。 – 2015-11-04 16:52:46