在Javascript下拉框中添加HTML代碼，使用Javascript不能評估HTML代碼

Question

我對我的表格使用X可編輯框架。

但我有一些問題。

$(document).ready(function() { 
    $('.access').editable({ 
     source: [ 
      {value: '0', text: 'Invalid'}, 
      {value: '1', text: '<i class="fa fa-check"></i>'} 
     ], 
     ajaxOptions: { 
      dataType: "json" //assuming json response 
     }, 
     showbuttons: false 
    }); 
}); 

我想使用選擇下拉的圖標從字體真棒。 但是，當我寫上面的代碼，它只是打印'<i class="fa fa-check"></i>'

我如何評估HTML代碼來顯示圖標？我試過document.write('<i class="fa fa-check"></i>')但它刪除了空洞頁。

Answer 1

你可以做的就是按照這裏的例子：https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild

要正確地創建一個節點，並append給你希望它出現在文檔中的位置。