div 里面调用 JS 的ID,出现问题。document.getElementById('abc')为空或不是对象

<html>
<head></head>
<body>
<div id="abc"></div>
<div id="efg"></div>
<script type="text/javascript">
document.getElementById('abc').innerHTML="ABC显示内容"; 
document.getElementById('efg').innerHTML="efg显示内容"; 
</script>
</body>
</html>如果：把<div id="abc"></div>去掉。就出现错误。document.getElementById('abc')为空或不是对象.

解决方案 »

  1.   

    不光你去掉有错，你把这段js代码放在body之前，也会有错呢
    你以id="abc"取值，你又去掉这个id的元素，肯定有错，这些在最基础的书里面都有，速度补知识
      

  2.   


    if(document.getElementById('abc') != null){
          document.getElementById('abc').innerHTML = 'abc显示文字';
    }
      

  3.   


    if(node = document.getElementById('abc')) {
        node.innerHTML = "abc文字"
    }
      

  4.   

    如果想任意引用，那就是先判断这个div是否存在。如果不存在就新创建一个，再赋值。
    这样就不会报错了，而且可以任意引用
    具体代码如下：
    <script type="text/javascript">
    var _div = document.getElementById('abc');
    if(_div==null || _div=='undefined' ||_div ==''){
    _div = document.createElement('div');
    (document.getElementsByTagName('body')[0]).appendChild(_div);
    }
    _div.innerHTML="ABC显示内容";  
    </script>
      

  5.   


    jquery 正好满足你的需求