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

怎样用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>
------解决方案--------------------
手机端设置样式可以用如下方式

@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;

	}

}

------解决方案--------------------

<style>

    .div {

    color:red;

    }


    .divyellow {

    color:yellow;

    }

</style>

   $("#btnChageColor").click(function () {

                $("#div3").attr("class", "divyellow");

            });

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

jq