怎样用js修改div里标签的样式-CSDN论坛

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

Web 开发 > JavaScript

收藏回复

[问题点数：30分，结帖人yyhuaisha]

⋅自定义的getByClass怎么对里面所有的class进行dom操作 ⋅怎样用js修改div里标签的样式 更多帖子 关注私信空间博客 一叶怀沙 等级 本版专家分：85 结帖率 100%: 我有一段在手机上显示的话因为分辨率的问题字体很小，想要在页面获取的时候修改字体的大小。如下，这段代码是从数据库拿出来的，里面的行内样式我没办法修改，但是都是包含在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>

2014-08-21 14:40:53

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅sql server 2008 r2执行远程存储过程返回记录集出错 更多帖子 关注私信空间博客 LoveNet_ 等级 本版专家分：155: font-size: 16px
把16改大点不行吗

2014-08-21 15:02:12

点赞只看TA 引用举报 #1得分 0

⋅app 如何在后台运行 ⋅angular js做一个回车响应 ⋅拖拉式上传 更多帖子 关注私信空间博客 jonny0220 等级 本版专家分：205: 第一步你要把样子全部拿到外面去，用class引用，在用js控制div里面的p和span用addclass和removeclass能解决你的问题

2014-08-21 15:10:52

点赞只看TA 引用举报 #2得分 0

⋅自定义的getByClass怎么对里面所有的class进行dom操作 ⋅怎样用js修改div里标签的样式 更多帖子 关注私信空间博客 一叶怀沙 等级 本版专家分：85: 引用 1 楼 LoveNet_ 的回复:
font-size: 16px
把16改大点不行吗

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

2014-08-21 15:14:22

点赞只看TA 引用举报 #3得分 0

⋅AudioRecord录音报RecordThread: buffer overflow ⋅程序猿，你还单身吗，脱光讨论+散分 ⋅程序猿，你还单身吗，讨论+散分 更多帖子 关注私信空间博客 qcxl 等级 本版专家分：2690

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

@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 15:14:39

点赞只看TA 引用举报 #4得分 10

⋅自定义的getByClass怎么对里面所有的class进行dom操作 ⋅怎样用js修改div里标签的样式 更多帖子 关注私信空间博客 一叶怀沙 等级 本版专家分：85: 引用 2 楼 u010137670 的回复:
第一步你要把样子全部拿到外面去，用class引用，在用js控制div里面的p和span用addclass和removeclass能解决你的问题

现在就是样式拿不出来

2014-08-21 15:15:24

点赞只看TA 引用举报 #5得分 0

⋅AudioRecord录音报RecordThread: buffer overflow ⋅程序猿，你还单身吗，脱光讨论+散分 ⋅程序猿，你还单身吗，讨论+散分 更多帖子 关注私信空间博客 qcxl 等级 本版专家分：2690: 引用 3 楼 yyhuaisha 的回复:
这个是在数据库整一个拿出来的咨询，一个个去改数据库的话是不可能的了。

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

2014-08-21 15:17:53

点赞只看TA 引用举报 #6得分 0

⋅[what是个穷孩子]中午吃了西瓜拿的熏肉然后。。。 ⋅【what穷孩子】我已经不是去年个逗比了 ⋅【what是个穷孩子】涨工资了孙然还是贫困线下 更多帖子 关注私信空间博客 what是个穷孩纸 等级 本版专家分：565: 引用 6 楼 u013472677 的回复:
Quote: 引用 3 楼 yyhuaisha 的回复:

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

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

这是jq

js是 document.getxxx().css="" ; 或 .style=""

2014-08-21 15:20:04

点赞只看TA 引用举报 #7得分 0

⋅自定义的getByClass怎么对里面所有的class进行dom操作 ⋅怎样用js修改div里标签的样式 更多帖子 关注私信空间博客 一叶怀沙 等级 本版专家分：85

引用 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;

	}

}

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

2014-08-21 16:28:44

点赞 1 只看TA 引用举报 #8得分 0

⋅自定义的getByClass怎么对里面所有的class进行dom操作 ⋅怎样用js修改div里标签的样式 更多帖子 关注私信空间博客 一叶怀沙 等级 本版专家分：85: 引用 7 楼 Hsuifengershi 的回复:
Quote: 引用 6 楼 u013472677 的回复:

Quote: 引用 3 楼 yyhuaisha 的回复:

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

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

这是jq

js是 document.getxxx().css="" ; 或 .style=""

谢谢两位，我试试看

2014-08-21 16:29:24

点赞只看TA 引用举报 #9得分 0

⋅[what是个穷孩子]中午吃了西瓜拿的熏肉然后。。。 ⋅【what穷孩子】我已经不是去年个逗比了 ⋅【what是个穷孩子】涨工资了孙然还是贫困线下 更多帖子 关注私信空间博客 what是个穷孩纸 等级 本版专家分：565: 不谢记得结贴就行

2014-08-21 16:35:46

点赞只看TA 引用举报 #10得分 0

1 2

收起

收藏回复

一叶怀沙

等级：

关注私信 TA的帖子

js 动态修改html div中class属性: $(".msg-voice-animation").className是取不到属性值的 ...所以用$(".msg-voice-animation")[0].className 可以取到属性值 $(".msg-voice-animation")[0].className += ‘ msg-voice-animation-run’ 可以修改属...

vue.js 点击div标签时改变样式: 1.点击某一项后样式发生...：class动态绑定样式表中.changeStyle的样式，将当前索引传递给changeSelectStyle @click点击事件触发函数changeStyle(),并将当前索引传递进去。 <ul v-for="(item,index) in prod...

js控制鼠标经过修改div层的样式: <!DOCTYPE HTML> <html> &...js控制鼠标经过移除div层的样式</title> <style> #div1 { width:200px; height:200px; background:red;

通过JS给div元素设置样式的几种方法: //js部分 &amp;lt;script&amp;gt; var oDiv = document.querySelector(&quot;div&quot;); //第一种方法：分别添加属性 oDiv.style.width = &quot;2

前端基础 - JavaScript修改标签样式的属性值: JavaScript修改标签样式的属性值修改界面上一个div的长宽，并使它一直变大效果图：变大：代码如下： <!DOCTYPE html> <html> <head> <meta ...

js改变style样式和css样式: js可实现用户对页面中的选择条件改变页面中的样式，页面样式可以通过style修饰，也可以通过css修饰，先来看一下js改变style样式，代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD ...

js修改input file标签样式: 在进行文件上传得过程中，通常需要用到input file 标签，但是由于其默认的表单元素丑陋的外观，你们是不是非常地想吐槽，想大刀阔斧地修改成你自己的所需要的样式呢？今天我在做上传的时候，也遇到了这个问题，...

修改div内A标签的href值: 通过样式选择器，修改DIV内A标签的HREF值

15、js修改html的css样式: 之前我们学习了使用js修改html的属性达到一种交互的效果，事实上，使用js修改html的css样式可以实现一种更加绚丽的交互效果。这节课我们就学习一下如何使用js修改html的样式的方法。要修改html的样式有两种方式，...

vue用js获取和修改标签属性及样式: div id="App"> <div class="aa" ref="menuItem" @click="aa($event)">aa</div> <div @click="bb">bb&...

用JS实现点击DIV改变背景样式，再次点击后背景恢复: 将事件onclick加入到目标的div标签里，通过点击事件函数调用，记住在chrome下将颜色写成RGB的色值方式，写成16进制的无效（#******）； HTML代码： <divstyle="background-color:#FFF;"class="list_collecti...

JS JQuery中实现点击当前标签改变样式以及同时改变后几个标签的样式: 我在移动端的开发中遇到了如下粉红色选择第一个时间点时，后两个时间点的样式也改变了 JS（注意这些代码是放到jQuery方法里的）首先我把列表的数据放到了js数组 var afternoonData = ["13:00", "13:30", "14:00...

js 给某个或指定的div增加class 样式: js 给指定div增加class 样式第一、el.setAttribute('class','abc')第二、 el.setAttribute('className', 'abc')第三、el.className = 'abc' 第一、el.setAttribute(‘class’,‘abc’) <!DOCTYPE HTML> <...

改变div下级p标签里的元素: 这个是在网页中直接改变的大家也可以加一个按钮点击按钮用onclick改变文字 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery.js"></script> ...

利用hover修改其它标签样式: 利用hover修改其它标签样式 hover一般只能修改当前停留元素的样式，但也可以修改他的子元素的样式。 p>label for="password" >原始密码：label>input type="password" name="password" />span>(密码长度为6-...

vue.js切换标签选中样式更改: vue.js切换标签选中样式更改博主想做一个标签，用来选中所选相保存到数据列表中，同时选中标签后更改其样式，但是遇到了点小小的问题，网上更改标签的样式不一，所用的方法也比较复杂，所以博主就想着自己能不能写...

在一个div里单独定义超链接的样式…: 在一个div里单独定义超链接的样式或颜色，怎么定义单个超链接的样式？一直在烦恼这个问题，但也没认真对待。今天小总结下吧。想定义某个超链接的样式，方法有两种：不过这里建议采用第2种要简单一点，其实效果都一样...

点击div改变样式，再点击，又变回去，来回变: 这时候我们就用class名来改变，判断是否有该class 啥都别说了，上代码 <div class="shbian test">你点我就变</div> .shbian{text-align: center;height: 60...

用正则表达式修改html字符串的所有div的style样式: 最近项目中有一接口返回的一个字段是html格式的字符串，里边每个div中style的高度是固定的px，然后再手机端显示的...现在一种解决方案就是将height样式调整为height:auto; 下边使用正则表达式将所有div中的height样...

用JS改变页面中b标签的样式啊样式的等: 用JS改变页面中b标签的样式啊样式的等，实际上是在标签内加上样式，用媒体查询的话，不能生效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...

JavaScript修改css样式style: NULL 博文链接：https://canfly2010.iteye.com/blog/412069

HTML5中 audio标签的样式修改: 由于html5的流行，现在移动端大多数的需求都可以使用audio来播放音频，但您可能只是...隐藏原生的audio，然后用div之类标签，定义css样式美化起来用来显示播放器的效果，最后用js捕获audio事件，基本就是src路径、p

JS修改元素的样式: <html> <head> <style> #a{ width:700px; height:300px; font-size:50px; color:red; background-color:grey; z-index:2; position:absolute; top:13...

改变当前点击的a标签的样式，将其他a标签样式还原: 假设现在需要实现这样的功能：下面有三个a标签，点击任意一个a标签，颜色变为蓝色，其余的恢复无色，如下图前端代码：

怎样用JavaScript实现div盒子的切换: 请问如何编写相应的JavaScript，来实现在上例中点击不同的菜单功能，显示相应的div盒子，并隐藏其他菜单所对应的div盒子。我在网上找过但结果都不理想，请帮忙看看，以上述代码为例，实现div盒子切换，请在...

div标签、html/css基本样式、canvas画布: Div也叫盒子，盒子一般用于页面的布局。给这个盒子加上样式就是css 加样式有两种方式： 1、写在这个标签的内部。就直接将样式赋给了这个标签。 2、写在标签的外部：放在head中间。为什么要放在外面： 1、...

用javascript(js)实体化盒子（设置盒子样式）: 1、我们先写两个div的盒子，一个用css控制box01盒子的样式，用javascript(js)控制box02的盒子的样式。 <!DOCTYPE html> <html> <head> <title>Title&...

设置div边框样式: 设置div边框样式： /*设置边框的方式:*/ 1. border:1px solid red; 2. border-width:1px;边框的粗细 border-style: solid;边框的风格 border-color: red;边框的颜色 3. border-left:1px solid red;border...

js如何检测标签样式的变化: /* 简单的样式如下 */ <style> div { width: 300px; height: 200px; background: greenyellow; } </style>  <div id="rect"> </div> <!-...

相关热词 c# ef 事务删除 c# this 属性 c#注册代码没有数据库 c#限定时间范围 c#控件跟随窗口大小变化 c# 模板类 c#离线手册 c# 数组、 c#五种限制修饰符 c# urlencode