给div定义id

miniuier

我写了一个普通的div后，想给这个div定义一个id，方便在后面某个地方根据id找到这个div。为什么这个id不起作用，就是我F12调试时，根本就没有找到这个id。比如id="abd" ，  找不到abc呢？有的地方可以给div定义id，有的地方却不可以呢？

felt

看不懂你说的
做个能重现问题的html页面

miniuier

felt 发表于 2013-12-27 16:03
看不懂你说的
做个能重现问题的html页面

<div id="xxxDiv" style="display:none">
            xxx
</div>   
这是我定义的一个div，我想通过他的id来找到这个div。document.getElementById("xxxDiv").style.display="";  这样写会报错的，错误提示：Uncaught TypeError: Cannot read property 'style' of null。      也就是说document.getElementById("xxxDiv")这一步得到的值是null，alert一下确实是null。

factory

miniuier 发表于 2013-12-27 16:16
xxx
   
这是我定义的一个div，我想通过他的id来找到这个div。document.getElementById("x ...

看下你的页面代码结构,是不是JS代码在HTML上面了?

然后你直接获取,下面HTML都还没创建就获取,就会报不存在的错误

你在获取的时候,得先确保这个dom元素已经被创建了

miniuier

我写全一点吧：
<div class="mini-layout" >
    <div region="north">
    </div>
    <div region="center">  
       <div id="centerInnerDiv"></div>
    </div>
    <div id="xxxDiv" style="display:none">
              xxx
    </div>   
</div>
我现在可以根据document.getElementById("centerInnerDiv")这个是可以的。但是document.getElementById("xxxDiv")却不行，报null的错误提示。
另外，<div region="center"></div>他会给我默认一个id="center"，挺奇怪的，我也可以通过document.getElementById("center")得到他。

miniuier

factory 发表于 2013-12-27 16:18
看下你的页面代码结构,是不是JS代码在HTML上面了?

然后你直接获取,下面HTML都还没创建就获取,就会报不存 ...

没有。我的js代码都是放在</body>前面，紧跟着的。html都已经创建了。

factory

miniuier 发表于 2013-12-27 16:31
没有。我的js代码都是放在前面，紧跟着的。html都已经创建了。

不要这样写啊...miniui的控件的任意对象获取,都需要用miniui的API,这个div结构,不是最后生成的tab的结构,他只是等于是一个占位,代表一会解析的时候,这里会有一个tab,所以等解析完毕了,你直接获取肯定就获取不到了.已经不存在了

还有,只有整个控件对象是需要通过id获取的,但是内部的元素就不能通过id去获取,你需要通过该控件的API去获取他内部的元素.
比如tabs,你可以用mini.get(id)来获取tabs,但是tabs里面的各个tab,你不能mini.get()来获取,你需要通过tabs.getActiveTab()或者tabs.getTab()等这类方法来获取里面的tab对象