假設取參數從JavaScript有一個數組:如何在HTML
array: ['hi,'by','miao']
假設這個數組傳遞給一個HTML頁面,我想提出的第二個元素在我的html代碼:
<input type="button" id='{array[1]}'>....
但它不起作用。誰能幫我?
假設取參數從JavaScript有一個數組:如何在HTML
array: ['hi,'by','miao']
假設這個數組傳遞給一個HTML頁面,我想提出的第二個元素在我的html代碼:
<input type="button" id='{array[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>
這是正確的答案。 – 2015-11-04 16:52:46
我知道Javascript和HTML,而我之前並沒有見過'id ='{array [1]}''的語法。我知道有可能使用jQuery設置id,那是你正在嘗試做什麼? – 2015-11-04 16:34:28
如果你想id是文字「{array [1]}」,你的代碼應該可以工作。但是,如果你想要這個id是「by」,你必須實際設置元素的id:document.querySelector('input [type =「button」]')。基本的html/javascript不支持將javascript自動填充到html的語法。你必須爲這種編碼使用框架。 – Shilly