.html() 有沒有香草 Javascript 替代品？

Question

我想對<noscript>產生相反的影響。 如果未啟用 Javascript，我根本不希望內容加載，這就是為什么我對display:none不感興趣，它仍然加載但只是隱藏。

我遇到了這個具有所需影響的先前答案（請參閱更新的答案）。

HTML：

<div id="container"></div>
<script type="text/html" id="content">
    <div class="test">HTML goes here</div>
</script>

jQuery：

$(document).ready(function() {
    $('#container').html($('#content').html());
});

無論如何我可以用Vanilla Javascript做到這一點嗎？ 我希望script的內容呈現為功能性 HTML。

Answer 1

通常所做的是將您的 html 設置為：

<html class="no-js">
<head>
  <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js');})</script>

  <!-- ... -->

</head>

<!-- ... -->

<div class="js-only">I only show up when js is enabled</div>

<!-- ... -->

</html>

然后有一些隱藏該元素的css

.no-js .js-only {
    display: none;
}

的JavaScript取代no-js與js在<html>被使能時的js這導致div來只顯示元件

.html() 有沒有香草 Javascript 替代品？

問題描述

1 個解決方案

解決方案1
1 2020-09-15 07:11:56

.html() 有沒有香草 Javascript 替代品？

問題描述

1 個解決方案

解決方案1 1 2020-09-15 07:11:56

解決方案1
1 2020-09-15 07:11:56