简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 表格通过dom新加进去的行为什么没有隔行变色和鼠标经过的效果？
PHPz
PHPz 2017-04-11 12:35:20
0
1
352

表格通过dom新加进去的行为什么没有隔行变色和鼠标经过的效果？
效果图如下：


id为6和7是通过dom新加进去的行，没有隔行变色和鼠标经过变色的效果

js代码如下

window.onload=function () {

var tab=document.getElementById('tab'); var oldCol=''; var oUser=document.getElementById('user'); var oAge=document.getElementById('age'); var oBtn=document.getElementById('btn'); var id=tab.tBodies[0].rows.length+1; for(var i=0;i

想问一下为什么通过dom新加的行没有效果，还有可以通过什么办法能够使通过dom加进去的行也有效果？恳请热心的朋友们帮忙解答一下（>.<）谢谢~~

PHPz
PHPz

学习是最好的投资！

全員に返信 (1)
阿神
阿神2017-04-11 12:37:20 1棟

后添加的dom元素是没有添加事件的。1.可以将事件封装成函数，创建新dom后添加给它。2.使用css的nth-child给奇偶行添加样式。3.将事件代理到父元素。

いいねを押す+0
返信を追加
    人気のトピック
    詳細>
    人気の記事
    人気のチュートリアル
    詳細>
    関連するチュートリアル
    人気のおすすめ
    最新のコース
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！