在JS中如何实现让动态添加后的表格TD继承TABLE的class

现在已用insertRow实现了动态添加表格的行列,但是,发现动态添加的行并没有继承TABLE的style样式。请问高手,如何能让动态添加的TR和TD继承table中设置... 现在已用insertRow实现了动态添加表格的行列,但是,发现动态添加的行并没有继承TABLE的style样式。

请问高手,如何能让动态添加的TR 和TD继承 table 中设置的 class 和style 样式??
能否举例说明一下啊??
展开
 我来答
度高岑00I
推荐于2018-03-13 · TA获得超过161个赞
知道答主
回答量:109
采纳率:100%
帮助的人:107万
展开全部
无论是动态还是静态,它的样式都可以被已经写好的css定义
你只需动态添加class,
$("p:first").addClass("intro");
也可以在你动态添加表格的时候,改一下代码,直接把class也设置了,让它和原来添加前一样。
当然啊,你可以动态改变style,
$(".er").css('color',‘red’);
但这个很麻烦,不适合大量改动
yugi111
推荐于2016-05-24 · TA获得超过8.1万个赞
知道大有可为答主
回答量:5.1万
采纳率:70%
帮助的人:1.2亿
展开全部
你动态添加的tr ,td 的时候 ,顺便把class属性添加进去咯

然后你写css 设置tr,td的属性咯,css的style肯定要包括table以及里面的元素的。。。

<style type="text/css">
table tr {
    color:red
}
table td {
    color:blue
}
.tr_class{
    bgcolor:red
}
.td_class{
    bgcolor:blue
}
</style>

<script type="text/javascript">
window.onload=function(){
var tr = document.createElement("tr");
var td = document.createElement("td");
var table = document.getElementsByTagName('table')[0];

tr.setAttribute("class","tr_class");
td.setAttribute("class","td_class");

tr.appendChild(td);
table.append(tr);
};
</script>

<body>
<table><tr><td></td></tr></table>
</body>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式