Question

index.html

<body>

     <script src="js/event_handler.js"></script> 

     <div id="some_wrapper"></div>

</body>

event_handler.js

$(document).ready(function() { 
    ...

    $('#some_wrapper').append (someHTMLcode);

    foo(someTagIdIntoTheNewHtmlCode);
}

//Search if the tag id exist
function foo(tag_id){
    if( document.getElementById(tag_id) == null ){
         console.log('#' + tag_id + " not found");
         return;
    }
    console.log('#' + tag_id + " found");
}

当我追加到#some_wrapper时，HTML代码一切都成功显示，但如果我想操纵代码，例如。 document.getElementById（tag）返回always null。为什么呢？

Answer 1

document.getElementById采用元素ID，因为我们不需要使用'＃'作为前缀

试试这个：

document.getElementById(tag)

Answer 2

这项工作在fiddel

function foo(tag){
    if( $('#' + tag).length ){
         alert('#' + tag + "  found");
         return;
    }
    alert('#' + tag + " not found");
}

试试这个

document.getElementById返回null

2 个答案: