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>

但是我收到一个错误:Uncaught Type错误:无法调用方法追加子"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');
}