|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Resig在2008年在其博客中介绍过HTML5的data-属性,现如今HTML5在如火如荼地推广,似乎国内的技术有些延迟,这篇博文可以在这里找到。网页制造Poluoluo文章简介:明天做器材碰到一个成绩,我试图静态为一个表格增加多行数据,先界说了一个table.
明天做器材碰到一个成绩,我试图静态为一个表格增加多行数据,先界说了一个table:- <table><thead></thead><tbodyid="filelist"></tbody></table>
复制代码 然后在JavaScript中如许操纵:- for(variinentries){...varfiletable=document.getElementById(filelist);filetable.innerHTML+=<tr><td>111</td><td>222</td></tr>;}
复制代码 在FireFox下这么干是没有成绩的,可是放到IE上面就逝世活不可了,问了下同事+搜刮了一下,发明在IE下COL,COLGROUP,FRAMESET,HTML,STYLE,TABLE,TBODY,TFOOT,THEAD,TITLE,TR这些元素的innerHTML属性都是只读的,不克不及间接操纵。可是也不是没有办理举措,TD的innerHTML仍是能够操纵的,下面的代码能够如许修正:- for(variinentries){...varfiletable=document.getElementById(filelist);vartr=document.createElement(tr);vartd1=document.createElement(td);td1.innerHTML=111;vartd2=document.createElement(td);td2.innerHTML=222;tr.appendChild(td1);tr.appendChild(td2);filetable.appendChild(tr);}
复制代码 能够先利用DOM的createElement办法创立tr和td,然后对td的innerHTML举行响应操纵,最初用appendChild办法把创立的元素增加到DOM树中。如许在IE下就能够一般运转了。必要注重的是,假如你的table没有tbody,而是如许:- <tableid="filelist"></table>
复制代码 这个时分就不克不及对table间接利用appendChild办法了,由于IE6下table元素是不撑持appendChild办法的(IE8貌似已撑持了)。
网上也有人提出用insertRow()等办法来做,不外这个办法对分歧扫瞄器的兼容也是有成绩的(在FireFox下就必要利用insertRow(-1)),以是就没用。
BTW,固然之前也无意识地看了很多JS的材料,但仍是理论出真知啊,如今刚入手下手从容不迫的,进修淡定ING
</p>
使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来,一直是WHATWG肩负起HTML的重责大任。 |
|