Question

我正在尝试使用JavaScript从Html代码中删除脚本标记。这是HTML代码：

<script type='text/x-template-handlebars' id='carousel_ui_buttons_next-nav_next'>
<button class="next nav" asg-button>{{{button_text}}}</button>
</script>

我想删除脚本标记，因此剩下的部分只是html。我的意思是代码应该在浏览器中更改。

Answer 1

如果您向我们提供了您目前必须帮助您了解所发生事件的代码而不是使用代码复制/粘贴，最好解雇您首先要确定的js代码 p>

页面加载完毕后？

$(window).load(function() {
    $('#carousel_ui_buttons_next-nav_next').remove();
});

或页面准备就绪时

$(document).ready(function($) {
    $('#carousel_ui_buttons_next-nav_next').remove();
});

或者如果你愿意，你可以将它作为一个功能，并尽可能多地调用它你想要而不是一遍又一遍地重复相同的代码

function hideScript() {
    $('#carousel_ui_buttons_next-nav_next').remove();
});
// then use it like //
$(document).ready(function($) {
    hideScript();
});

上面的代码使用JQuery，它比vanilla js更容易理解和使用。

Answer 2

<script>标记的内容是无效的Javascript，但这是实现目标的一种可能方式：

// Function to convert an HTML string to a DOM element
String.prototype.toDOM = function () {
    var d = document,
        i,
        a = d.createElement('div'),
        b = d.createDocumentFragment();
    a.innerHTML = this;
    while (i = a.firstChild) {
        b.appendChild(i);
    }
    return b;
};

// The <script> we wish to replace
var st = document.getElementById('carousel_ui_buttons_next-nav_next');

// Replace it with the <button> that is inside of it
st.parentNode.replaceChild(st.innerHTML.trim().toDOM(), st);

如何使用javascript

2 个答案: