怎样用js修改div里标签的样式

[一叶怀沙]

我有一段在手机上显示的话因为分辨率的问题字体很小，想要在页面获取的时候修改字体的大小。如下，这段代码是从数据库拿出来的，里面的行内样式我没办法修改，但是都是包含在div里面的p和span标签里面。我想通过在页面设置div内p和span的样式来控制，不知道要怎么做到？代码如下
<div id="newsContent">
<p align="justify" style="margin: 0px 3px 15px; padding: 0px; font-size: 16px; font-family: 宋体, 'Arial Narrow', HELVETICA; text-align: justify; text-indent: 30px; line-height: 28px; color: rgb(55, 85, 108);">今年一季度，由于处于春节以及受长时间阴雨天气影响，嘉兴市蔬菜价格一直处于“高高在上”的状态。</p>
<span align="justify" style="margin: 0px 3px 15px; padding: 0px; font-size: 16px; font-family: 宋体, 'Arial Narrow', HELVETICA; text-align: justify; text-indent: 30px; line-height: 28px; color: rgb(55, 85, 108);">但是从第二季度开始，由于气温回暖，本地菜逐渐进入丰产期.</span>

[LoveNet_]

font-size: 16px 把16改大点不行吗

[jonny0220]

第一步你要把样子全部拿到外面去，用class引用，在用js控制div里面的p和span用addclass和removeclass能解决你的问题

[一叶怀沙]

引用 1 楼 LoveNet_ 的回复:

font-size: 16px 把16改大点不行吗

这个是在数据库整一个拿出来的咨询，一个个去改数据库的话是不可能的了。

[qcxl]

手机端设置样式可以用如下方式

@media all and (min-width: 720px) and (max-width:1000px) {
	#newsContent p{
		font-size:16px;
	}
}
@media all and (min-width: 1001px) and (max-width:1240px) {
	#newsContent p{
		font-size:20px;
	}
}

[一叶怀沙]

引用 2 楼 u010137670 的回复:

第一步你要把样子全部拿到外面去，用class引用，在用js控制div里面的p和span用addclass和removeclass能解决你的问题

现在就是样式拿不出来

[qcxl]

引用 3 楼 yyhuaisha 的回复:

这个是在数据库整一个拿出来的咨询，一个个去改数据库的话是不可能的了。

如果用js设置：如下 $("#newsContent p").css(" font-size", "XX");

[what是个穷孩纸]

引用 6 楼 u013472677 的回复:

[quote=引用 3 楼 yyhuaisha 的回复:] 这个是在数据库整一个拿出来的咨询，一个个去改数据库的话是不可能的了。

如果用js设置：如下 $("#newsContent p").css(" font-size", "XX");[/quote] 这是jq js是 document.getxxx().css="" ; 或 .style=""

[一叶怀沙]

引用 4 楼 u013472677 的回复:

手机端设置样式可以用如下方式

@media all and (min-width: 720px) and (max-width:1000px) {
	#newsContent p{
		font-size:16px;
	}
}
@media all and (min-width: 1001px) and (max-width:1240px) {
	#newsContent p{
		font-size:20px;
	}
}

这样设置的话优先级比行内样式的优先级低吧？

[一叶怀沙]

引用 7 楼 Hsuifengershi 的回复:

[quote=引用 6 楼 u013472677 的回复:] [quote=引用 3 楼 yyhuaisha 的回复:] 这个是在数据库整一个拿出来的咨询，一个个去改数据库的话是不可能的了。

如果用js设置：如下 $("#newsContent p").css(" font-size", "XX");[/quote] 这是jq js是 document.getxxx().css="" ; 或 .style=""[/quote] 谢谢两位，我试试看

[what是个穷孩纸]

不谢 记得结贴就行

[一叶怀沙]

引用 8 楼 yyhuaisha 的回复:

[quote=引用 4 楼 u013472677 的回复:] 手机端设置样式可以用如下方式

@media all and (min-width: 720px) and (max-width:1000px) {
	#newsContent p{
		font-size:16px;
	}
}
@media all and (min-width: 1001px) and (max-width:1240px) {
	#newsContent p{
		font-size:20px;
	}
}

这样设置的话优先级比行内样式的优先级低吧？[/quote] 解决了，用 #newsContent p, #newsContent span { font-size:1.2rem !important; } ps：不过还是很想要知道用js和jq的详细方法，是不是贪心了一点。。。

[what是个穷孩纸]

<style>
    .div {
    color:red;
    }

    .divyellow {
    color:yellow;
    }
</style>

   $("#btnChageColor").click(function () {
                $("#div3").attr("class", "divyellow");
            });

 <div id="div3" class="div">3</div>

jq

[what是个穷孩纸]

 <input id="btnChageColor" type="button" value="button" />

少写了个button