1

メインのhtmlファイルには存在しないが注入しているファイルには存在するdivのcss（cssはmain.cssにあります）を更新しようとしています。これは可能ですか？もしそうなら、どのように？

さて、これが私のメインのhtmlファイルにあるものです

<div id="container">
<div id="page">
    <!placeholder>
</div></div>

悪いフォーマットについて申し訳ありませんが、このサイトのコード入力システムで機能するタブと新しい行を取得できません。

次は私がmain.cssのために持っているものです

#container {
position: fixed;
margin-right: 0px;
overflow-x: hidden;
overflow-y: scroll;}
#page {
position: absolute;
width: 100%;
height: 1600px;
z-index: 10;
border-left: 1px solid #CCCCCC;}
#recposts {
position: absolute;
left:0;
top:1200px;}
.child {
height: 400px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
z-index: 11;
background-color: #EDEDED;
width: 100%;
padding-right: 10px;}

さて、今私が注入しているもの

<div id ="page">    
<div id="recposts" class="child">
    <h1> Recent Posts  </h1> 
</div></div>

したがって、＃recpostsの上部の位置と.childの高さを編集できる必要があります。

私は自分の問題を修正しました。問題は、htmlロードでcssを編集していなかったということでした。関数を.load（）に入れて、動作するようになりました。

4

3 に答える 3

1

CSSルールがすでにロードされているファイル（your main.css）にある場合、後で追加され（たとえば、挿入について話しているHTMLから）、CSSファイルのセレクターと一致する新しい要素は自動的に含まれます。適用されるスタイリングルール。それはあなたが求めているものですか？

于 2012-04-13T03:08:23.910 に答える
1

あなたの質問は不明確です。私が理解したことから、Jquery live（）apiを使用してそれを解決することができます。 http://api.jquery.com/live/

Jquery live（）apiを使用して、新しく追加されたアイテムに必要なものを変更できます。

jqueryのDOMchange（）apiを使用して、挿入後に関数呼び出しをトリガーできます。 http://api.jquery.com/change/

例：

$('#container').change(function() {
  $('#page').css("height",200);
});

編集：change（）apiはdivで機能しないため、正しいバージョンは次のとおりです

$('#container').bind("DOMSubtreeModified", function() {
  $('#page').css("height",200);
});
于 2012-04-26T16:24:39.047 に答える
0

これがあなたが探していたものであるかどうかはわかりませんが、これにより、クラス「someClass」のスパンがdiv id="insertion"に追加されます。

css：

.someClass{ background-color:black; }

html：

<div id="insertion"></div>

js：

<script>
 var toInsert = document.createElement("span");
 toInsert.className = "someClass";
 document.getElementById("insertion").append(toInsert);
</script>
于 2012-04-13T03:22:20.323 に答える