Javascript 函数创建条件元素

Question

我不是程序员，但是我一直在尝试查看类似的示例以提出我自己的版本，这就是我正在尝试做的事情。

<script type="text/javascript">
    var advertContainer = null;
    var adblocked = null;

function Checkads() {
    if ($('.wp_bannerize').height() == 0) {
    var adblocked = document.createElement("span");
    var adnotice  = document.createTextNode("Please support our website by enabling ads");
    adblocked.appendChild(adnotice);
    var advertContainer = document.getElementById("wp_bannerize");
    advertContainer.appendChild(adblocked);
    };
    }

$(document).ready(function(){
    Checkads();
});
</script>

但是我收到错误:未捕获类型错误:无法调用方法附加子“null”

谁能帮我解决

更新

这是更好更好的代码，但是文本只能在源代码中可见，而不能在网站上可见。

<script type="text/javascript">

function checkads() {
    if ($('.wp_bannerize').height() == 0) {
    $('<div id="adnotice">').text('Please support our website by enabling ads').appendTo('.wp_bannerize');
    };
    }

$(document).ready(function(){
    checkads();
});
</script>

Answer 1

您将类选择器与 jQuery 结合使用:

$('.wp_bannerize')

但是使用原生 DOM 方法的 ID 选择器:

document.getElementById("wp_bannerize");

它们不一样。要修复您的脚本，请将 getElementById('wp_bannerize') 替换为 getElementsByClassName('wp_bannerize')[0]，或者仅使用 jQuery:

if ($('.wp_bannerize').height() == 0) {
    $('<span>').text('Please support our website by enabling ads').appendTo('.wp_bannerize');
}