Javascript函数创建条件元素

我不是一个程序员，但我一直在努力寻找类似的例子，拿出我自己的版本，这里是我试图做的

<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>

var=null；
var adblocked=null；
函数Checkads（）{
如果（$（'.wp_bannize'）。高度（）==0）{
var adblocked=document.createElement（“span”）；
var adnotice=document.createTextNode（“请通过启用广告来支持我们的网站”）；
adblocked.appendChild（adnotice）；
var advertContainer=document.getElementById（“wp_bannize”）；
AdverContainer.appendChild（adblocked）；
};
}
$（文档）.ready（函数（）{
Checkads（）；
});

但是，我得到一个错误：未捕获类型错误：无法调用方法append child“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>

函数checkads（）{
如果（$（'.wp_bannize'）。高度（）==0）{
$（''）.text（'请通过启用广告来支持我们的网站'）.appendTo（'.wp_bannize'）；
};
}
$（文档）.ready（函数（）{
checkads（）；
});

将类选择器与jQuery一起使用：

$('.wp_bannerize')

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

但是使用本机DOM方法的ID选择器：

document.getElementById("wp_bannerize");

他们不一样。要修复脚本，请将

getElementById（'wp\u bannize'）

替换为

getElementsByClassName（'wp\u bannize'）[0]

，或者只使用jQuery执行此操作：

$('.wp_bannerize')

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

if（$（'.wp_bannize'）.height（）==0）{
$（''）.text（'请通过启用广告来支持我们的网站'）.appendTo（'.wp_bannize'）；
}

将类选择器与jQuery一起使用：

$('.wp_bannerize')

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

但是使用本机DOM方法的ID选择器：

document.getElementById("wp_bannerize");

他们不一样。要修复脚本，请将

getElementById（'wp\u bannize'）

替换为

getElementsByClassName（'wp\u bannize'）[0]

，或者只使用jQuery执行此操作：

$('.wp_bannerize')

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

if（$（'.wp_bannize'）.height（）==0）{
$（''）.text（'请通过启用广告来支持我们的网站'）.appendTo（'.wp_bannize'）；
}

是否存在

document.getElementById（“wp\u bannize”）

该消息意味着advertContainer为null，意味着不存在id为

wp\u bannize

的元素。是的，它存在但不是id，它实际上是一个类

document.getElementById（“wp\u bannize”）

存在？该消息意味着advertContainer为null，意思是不存在id为

wp\u bannize

的元素。是的，它存在但不是id，它实际上是一个类，用类选择器替换GetElement？请注意，

getElementsByClassName

在IE8中不存在。所以，坚持使用jQuery。@JanDvorak:哇，我完全忘记了。@JoseDavidGarciaLlanos:jQuery是JavaScript。它不是一种单独的语言。@JoseDavidGarciaLlanos javascript是一种语言。它对

$

或

文档

一无所知，除非它们是有效的标识符。浏览器环境（仍然称为“javascript”）定义了

文档

及其各种方法。问题是，各种浏览器在其环境中定义了各种方法。因此，您必须处理不符合规范（*cough*IE*cough*）的浏览器。JQuery是一个javascript库。它环绕浏览器提供的DOM API，并提供名称更短、更一致且跨浏览器兼容的方法。将getElementBy替换为类选择器？请注意，

getElementsByClassName

在IE8中不存在。所以，坚持使用jQuery。@JanDvorak:哇，我完全忘记了。@JoseDavidGarciaLlanos:jQuery是JavaScript。它不是一种单独的语言。@JoseDavidGarciaLlanos javascript是一种语言。它对

$

或

文档

一无所知，除非它们是有效的标识符。浏览器环境（仍然称为“javascript”）定义了

文档

及其各种方法。问题是，各种浏览器在其环境中定义了各种方法。因此，您必须处理不符合规范（*cough*IE*cough*）的浏览器。JQuery是一个javascript库。它围绕浏览器提供的domapi进行包装，并提供名称更短、更一致和跨浏览器兼容的方法。