如何在JavaScript中放置HTML标记

Question

任何人都可以帮助将HTML  标记放在下面的Javascript代码中吗？ 我的计划是在单词“ entries”之后留一个空格。

下面是Javascript代码。

$('document').ready(function(){
$('.data-table-export').DataTable({
                scrollCollapse: true,
                autoWidth: false,
                responsive: true,
                columnDefs: [{
                    targets: "datatable-nosort",
                    orderable: false,
                }],
                "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
                "language": {
                    "info": "_START_-_END_ of _TOTAL_ entries",
                    searchPlaceholder: "Search"
                },
                dom: 'Bfltip',
                buttons: [
                'copy', 'csv', 'pdf', 'print'
                ]
            });
});

Answer 1

使用CSS可能会更好：

.data-table-export select {
    margin-right: 10px;
}

由于我不知道.DataTable返回的HTML结构，因此无法完全实现您想要的功能，但是您可以根据需要进行调整！

由于问题带有js标记，您可以执行$('.data-table-export X').css('marginLeft', '10px')，其中X是第一个按钮的选择器。

Answer 2

更改自

"info": "_START_-_END_ of _TOTAL_ entries"

到

"info": "_START_-_END_ of _TOTAL_ entries "

或更新信息部分CSS

.dataTables_info{
   padding-right:5px;
}