div+css,初学者用js获取某个内容显示的样式出问题
 <!-- 关于样式层叠优先级的问题参考笔记,一般都是id选择器,
        并且一般是后面的覆盖前面的样式 
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>HTML4</title>
        <style>
            body {
              font-family: Verdana, sans-serif;
              font-size: 0.8em;
              background-color: white;
            }
            div#header, div#footer, div#content, div#post {
                border: 1px solid grey;
                margin: 5px;
                margin-bottom: 15px;
                padding: 8px;
                background-color: white;
            }
            div#header, div#footer {color:white;
                background-color:#444;
                margin-bottom:5px;}
            div#content {background-color: #ddd;}
            div#menu ul  {margin: 0; padding: 0;}
            div#menu ul li {display: inline; margin: 5px;}
        </style>
    </head>
    <body>

        <div id="header">
            <h1>Monday Times</h1>
            <script>document.getElementById("header").innerHTML="HTML4"</script>
            <!-- 
            ↑此处希望用JS处理header的内容,希望看到的结果是:
            HTML4和之前的Monday Times是一样的样式,
            但是显示出来并没有采用head规定的样式,
            请问怎么做才可以显示相同的样式 
            -->
        </div>

        <div id="menu">
            <ul>
                <li>News</li>
                <li>Sports</li>
                <li>Weather</li>
            </ul>
        </div>

        <div id="content">
            <h2>News Section</h2>
            <div id="post">
                <h2>News Article</h2>
                <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p>
                <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p>
                <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p>
            </div>

            <div id="post">
                <h2>News Article</h2>
                <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p>
                <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p>
                <p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.</p>
            </div>

        </div>

        <div id="footer">
            <p>© 2014 Monday Times. All rights reserved.</p>
        </div>

    </body>
</html>

图片说明

图片说明

图片说明

3个回答

  document.getElementById("header").innerHTML="<h1>HTML4</h1>"
u011233710
早稻城 非常感谢解决了问题
接近 2 年之前 回复
qq_37524684
子幽 之前的MondayTime是h1标签撑起来的,要保持原样就再加上h1就好,不用h1的话就先获取原来的高度和字体大小,再赋给新的
接近 2 年之前 回复

你那样只是单纯的插入文字而已。并没有给标签样式
$("#header").append("

HTML4

");
u011233710
早稻城 mondaytime那个是图片,你是要我找代码段的代码吗
接近 2 年之前 回复
a493671678
很懒的冰箱 回复早稻城: 左上角有个鼠标一样的东西吧。点下。然后点你MondayTime的位置,看看插进去代码的是什么?
接近 2 年之前 回复
u011233710
早稻城 用的360浏览器,也用chrome试了依然不行
接近 2 年之前 回复
u011233710
早稻城 不直达你要的哪一个部分,不好意思菜鸟一个不知道位置的代码在哪里找
接近 2 年之前 回复
a493671678
很懒的冰箱 回复早稻城: 你用的什么浏览器,按下F12把位置的代码截图出来看看。
接近 2 年之前 回复
u011233710
早稻城 <script>document.getElementById("header").innerHTML="HTML4"; $("#header").append(" \<h1\>HTML4 \<\/h1\>");</script>修改后样式依然没有变
接近 2 年之前 回复
a493671678
很懒的冰箱 $("#header").append(" \<h1\>HTML4 \<\/h1\>");
接近 2 年之前 回复

用jQuery吧,jquery 方便

songqiang2011
像忘了谁sq 回复早稻城: 不冲突啊,都可以学。迟早要学的,和js一起学正好
接近 2 年之前 回复
u011233710
早稻城 额,html,css,js还没学好。。。
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
div+css,初学者用js获取某个内容显示的样式出问题
```rn rnrnrn rn rn HTML4rn rn rn rn rn rn Monday Timesrn rn rn rn rn rn rn Newsrn Sportsrn Weatherrn rn rn rn rn News Sectionrn rn News Articlern Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.rn rn rn rn News Articlern Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum.rn rn rn rn rn rn © 2014 Monday Times. All rights reserved.rn rn rn rnrnrn```rnrnrn![图片说明](https://img-ask.csdn.net/upload/201711/03/1509673060_104823.jpg)rnrn![图片说明](https://img-ask.csdn.net/upload/201711/03/1509673643_981096.jpg)rnrnrn![图片说明](https://img-ask.csdn.net/upload/201711/03/1509677336_98334.jpg)
DIV的样式CSS显示
n  1。这个方法getpath10()中theResult是一个路径。能打印出来。我这样赋值对么?我得不到呀。n 2。我把#换成.行么?用class显示图片有问题呀。 问题补充: 我想在GetImgPath()个方法中得到路径r function getpath() r r var theResult; r theResult=scanfigner.GetImgPath(1,1); r document.getElementById("preImg").src=theResult; r 这个方法不要了。 问题补充: 我在这里没得到。事件没反应呀?r function getpath10() r r var theResult; r theResult=scanfigner.GetImgPath(1,10); r var myImg = document.getElementById("outerBox"); r myImg.style.cssText="background:url('theResult')"; r 问题补充: function getpath10()r r var theResult;r theResult=scanfigner.GetImgPath(1,10);r alert(theResult);r document.getElementById("outerBox").style.cssText="background:url('theResult')";r r alert()能得到路径。,不知道下面那句话对不对? 问题补充: 哈哈 我不会改ID?playfish (资深程序员)我改了,不对。我改错了。 问题补充: 是,前几天实现了。但需求变了。用样式了CSS。r document.getElementById("outerBox").style.cssText="background:url('theResult')";r 这样可以么?
js 获取css 样式
&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt; &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;
js获取div内容
假设你的html中有以下的div &amp;lt;div id=&quot;id1&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div id=&quot;id2&quot;&amp;gt; &amp;lt;/div&amp;gt; 如果是要获取id是id1的div的数据,获取div里面的内容有两种方式 1,纯js获取数据 var a=document.getElementById(&quot;id1&quot;).innerText; 2,jqeury获取数据 v
js 获取当前div的样式
比如某个div 可以用鼠标平移。。。平移后 内存里的样式 肯定改变了。。。那如何获取这个平移后的样式呢????。。rn获得这个样式的目的是 把它写入到css文件中。。以便下次打开后 还是保持平移后的。rn
CSS + DIV 内容底部显示
简单,,看下面代码:     &amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&amp;gt; &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt; ...
JS获取div的html内容
前端有一个div,里面存储大量的input的文本框,待输入数据之后,JS获取该div输入数据之后的html代码出现问题rn如: rn输入值之后获取的内容还是此内容,输入的值并没有获取到。如果单独获取文本框的内容,是可以获取输入的值。rn现在是IE8中是可以获取到输入数据之后的hml,IE10就获取不到。我用的是document.getElementById("id").innerHTML 。试过$("#id").html(),也是一样的rn网上百度一大堆,没找到解决办法。哪位大神指点下
DIV的样式CSS
n  如何让2个DIV不换行呀? 问题补充: 可以并排了。float: left;但是挨在一起了。怎么让它有点间距呀 问题补充: 右拇 r 右食r 右中 r 右环r 右小r r 左拇r 左食 r 左中r 左环 r 左小r 不好意思。我没一下说整。要是2排呢? 问题补充: 我对DIV和CSS真的不熟悉。还没弄好。不行呀?谢谢大家
div嵌套div 用css显示问题
显示在一行,并且id=2 div的内容要垂直居中 CSS怎么搞
CSS/DIV实例——初学者
CSS/DIV实例——初学者,很简单的一看就懂。
JS如何读取某个ID的DIV的内容?
比如rn 12345rnrn如何把它读取到指定ID下显示?比如rn
用css来设置div的样式
css样式具有层叠性和继承性 css样式有两种链接方式: 1.内联样式:就是在同一个网页内编写css样式和布局代码 2.外联式:创建一个css文件,并在其中编写css独立的样式,然后在将其和所需要应用它的HTML文件链接起来。 链接独立的css文件的方法:(stylesheet:样式表   type="text/css":类型为text/css) 设置div的背景: backgro
用JS获取DIV对象
比如一个页面,有多个DIVrn rnrnrn rn rn rnrn我怎么去获取以id以“d”开头的DIV对象,其他对象像id为abc的对象则不会被获取
JS控制显示DIV显示内容
求一JS,当ID=A1的值为“中文”时,ID=B1显示 WWW.BAIDU.COM。当ID=A1的值为“英文”时,ID=B1显示 WWW.G.CN。rn[code=HTML]rn 中文rn rn[/code]
【【如何通过js改变某个样式的内容???】】
rn[code=HTML]rn rn[/code]rn请问如何通过JavaScript改变这个css样式fense的内容rn比如我想用js把fense改成红色rnrn???rn
JS控制DIV的样式
我在一个头部用户控件里面添加了一个div,再有两张页面分别都放上这个用户控件,这两张页面都有链接,当点击查看不同的页面时,头部控件中的DIV显示不同的样式。请教
用js显示和隐藏div
介绍                                                                                                条件
用JS 清除指定div行内样式
管用的话记得点点关注 有时候下面代码中  {$r[content]}调用有行内样式不适合手机版 所以 {template &quot;wap&quot;,&quot;header&quot;} &amp;lt;div class=&quot;content fix&quot;&amp;gt;  &amp;lt;!--About_us--&amp;gt;  {pc:content action=&quot;lists&quot; catid=&quot;$catid&quot; num=&quot;2&qu
js怎么获取css设置的样式?
我的意思是如果这样写rn[code=html]rn rn[/code]rnjs就可以正常获取样式rn[code=javascript]rnvar display = document.getElementById("div1").style.display;rn[/code]rn以上代码display得到"none"rnrn但是如果这样,不直接写到标签的属性里rn[code=html]rn rn rn[/code]rn再用上面的js代码区获取就不会成功,会返回“”空rnrn所以我想问一下如果第二种情况要获取样式js代码怎么写啊?rn
css + div网页样式精通
精通CSS.DIV网页样式与布局 精通CSS.DIV网页样式与布局
【CSS】a标签样式与div行距
a标签,也就是超级链接,的样式问题,主要包括如果设置鼠标悬停到a标签上后变成手形的问题与a标签去掉下划线的问题。 虽然很简单,但是经常忘记。 一、a标签的手型问题 如何让鼠标悬停到a标签上后变成手形? a { cursor:pointer; } a标签去掉手型则是: a { cursor:default; } 二、去掉a标签的下划线 正常状态下的a标签是有下划线的,使用如下
Angular4 中显示内容的 CSS 样式
摘要:本文简单介绍在使用 Angular4 的时候,显示内容的 CSS 样式
JS如何获取某个div下存在多少个子div
网站页面动态生成,JS如何获取某个div下存在多少个子div,如何获取这些子div的ID
【CSS】css设置div的四周阴影样式
外阴影 在边框阴影(box-shadow)的基本语法中,参数inset是可选可不选的,选参数inset,将外部阴影改为内部阴影;而不选参数inset,即默认情况下是外部阴影的。 例子: css部分: .div2{ width:200px; height:200px; margin:50px auto; ...
7 DIV CSS视频教程之css边框样式
本套视频教程由业界顶级讲师向军亲自主讲,详细讲解了Div+CSS的布局知识,知识点全面透彻,是新手入门必看教程!
js获取select 显示内容
请选择rn分解收费rn变通收费rn乱收费rn不合理诊疗rn挂床rn冒名rn其他rn限制用药rn不合理用药rnrnrn当我选中分解收费的时候 怎么用js获取分解收费 分解收费这部分内同aaaa 就是aaaa这部分内同
初学者使用div和css误区
初学者使用div和css误区
表格样式 CSS JS
NULL 博文链接:https://snowdymy.iteye.com/blog/765924
JS得到CSS的样式
obj.style.attr 在js中得到css的样式一般可以用obj.style.attr的形式来获取。 obj 需要得到样式的目标节点。 attr 要得到的样式属性。 例如 obj.style.left 得到obj的left的值。 这个方法有一个缺点,样式的写法必须是行内式 才可以得到。 例如: <div style="left:50px"></div> 而我们工作最多用的是 内嵌式 或者
js,css倒计时样式
js与css写的非常漂亮的倒计时效果,与大家一起分享
CSS JS 的样式
CSS 行间样式表 &lt;p style="width=30 height=30"&gt;&lt;/p&gt; 内部样式表 &lt;head&gt; &lt;style&gt; *{ margin:0; padding:0; } &lt;/style&gt; &lt;/head&gt;...
JS CSS 样式调试工具
最近一直搞demo,搞样式搞的头大,就想找个样式调试工具来调节,在网上找了下,具体地址如下,内有说明: --工具下载地址 [url]http://www.my-debugbar.com/wiki/[/url]...
js 刷新css 样式
document.getElementById('ElementId').removeAttribute(&quot;style&quot;) 就可以重新的给这个元素的css 样式实现刷新 使用js 添加的样式不会出现了  
js获取样式表里面的内容
利用js获取到css里面的内容
用CSS给SVG 的内容添加样式
转自:http://www.w3cplus.com/svg/styling-svg-use-content-css.html 一篇深入探究如何给SVG&amp;lt;use&amp;gt;元素的内容添加样式的文章,并针对碰到的问题逐一解决。 svg use SVG图形的一个最常见用例是图标系统,其中最常用的SVG sprite技术就是使用SVG 元素在文档中任意位置“实例化”图标。 使用元素实例化图标或任何其它...
CSS控制Div显示
一说学网页,学编程,大家都下意识觉得要"吃苦","熬夜",哪有那么复杂,一定是你看错了教程. 挑一个阳光的午后,关掉手机,用6个小时,看看十八哥如何把一个公司的保安教会HTML,Div,CSS的.rnrn课程共8小时,57小集,轻松一点,你将马上学会.
js内容显示在DIV里面,帮帮忙!!!
js代码:rnrn var d, s = "";rnvar x = new Array("星期日", "星期一", "星期二","星期三","星期四", "星期五","星期六");rnd = new Date();rns+=d.getYear()+"年"+(d.getMonth() + 1)+"月"+d.getDate()+"日 ";rns+=x[d.getDay()];rnrndocument.writeln(s);rnrnrnhtml里面的DIVrn rn rn rn rn rnrn需要不读到的日期显示在 里面
js动态创建div内容
[code=HTML]rnrnrn rn 无标题文档rnrn rnrn rnsafasfdgdagrnaassccrnrn rn增加rnrnrn[/code]类似这样的动态添加div里面的内容。可是在添加完成后,右键查看网页源码是看不到这段动态添加的内容的。为什么呢?是否能网页源码里面也有对应的内容。因为我后台需要读取这些div里面的东西
JS获取样式 改变样式
JS 获取样式
获取div内容
rn rnrn rnrnrn有什么方法可以获取div里面的内容呢?因为实际当中的js脚本很复杂,有方法能直接从div里面获取吗?
相关热词 c# stream 复制 android c# c#监测窗口句柄 c# md5 引用 c# 判断tabtip 自己写个浏览器程序c# c# 字符串变成整数数组 c#语言编程写出一个方法 c# 转盘抽奖 c#选中treeview