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

一叶怀沙 2014-08-21 02:40:53
我有一段在手机上显示的话因为分辨率的问题字体很小,想要在页面获取的时候修改字体的大小。如下,这段代码是从数据库拿出来的,里面的行内样式我没办法修改,但是都是包含在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>
...全文
1258 13 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
 <input id="btnChageColor" type="button" value="button" />
少写了个button
  • 打赏
  • 举报
回复

<style>
    .div {
    color:red;
    }

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

   $("#btnChageColor").click(function () {
                $("#div3").attr("class", "divyellow");
            });
 <div id="div3" class="div">3</div>
jq
一叶怀沙 2014-08-21
  • 打赏
  • 举报
回复
引用 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的详细方法,是不是贪心了一点。。。
  • 打赏
  • 举报
回复
不谢 记得结贴就行
一叶怀沙 2014-08-21
  • 打赏
  • 举报
回复
引用 7 楼 Hsuifengershi 的回复:
[quote=引用 6 楼 u013472677 的回复:] [quote=引用 3 楼 yyhuaisha 的回复:] 这个是在数据库整一个拿出来的咨询,一个个去改数据库的话是不可能的了。
如果用js设置:如下 $("#newsContent p").css(" font-size", "XX");[/quote] 这是jq js是 document.getxxx().css="" ; 或 .style=""[/quote] 谢谢两位,我试试看
一叶怀沙 2014-08-21
  • 打赏
  • 举报
回复
引用 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;
	}
}
这样设置的话优先级比行内样式的优先级低吧?
  • 打赏
  • 举报
回复
引用 6 楼 u013472677 的回复:
[quote=引用 3 楼 yyhuaisha 的回复:] 这个是在数据库整一个拿出来的咨询,一个个去改数据库的话是不可能的了。
如果用js设置:如下 $("#newsContent p").css(" font-size", "XX");[/quote] 这是jq js是 document.getxxx().css="" ; 或 .style=""
qcxl 2014-08-21
  • 打赏
  • 举报
回复
引用 3 楼 yyhuaisha 的回复:
这个是在数据库整一个拿出来的咨询,一个个去改数据库的话是不可能的了。
如果用js设置:如下 $("#newsContent p").css(" font-size", "XX");
一叶怀沙 2014-08-21
  • 打赏
  • 举报
回复
引用 2 楼 u010137670 的回复:
第一步你要把样子全部拿到外面去,用class引用,在用js控制div里面的p和span用addclass和removeclass能解决你的问题
现在就是样式拿不出来
qcxl 2014-08-21
  • 打赏
  • 举报
回复
手机端设置样式可以用如下方式
@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;
	}
}
一叶怀沙 2014-08-21
  • 打赏
  • 举报
回复
引用 1 楼 LoveNet_ 的回复:
font-size: 16px 把16改大点不行吗
这个是在数据库整一个拿出来的咨询,一个个去改数据库的话是不可能的了。
jonny0220 2014-08-21
  • 打赏
  • 举报
回复
第一步你要把样子全部拿到外面去,用class引用,在用js控制div里面的p和span用addclass和removeclass能解决你的问题
LoveNet_ 2014-08-21
  • 打赏
  • 举报
回复
font-size: 16px 把16改大点不行吗

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧