0

次のコード スニペットを使用して、プラグインでdiv要素を作成しました。JavaScript

コードスニペット：

var temp = document.createElement('div');

しかし、この div にスタイルを適用することはできません。これを調べて、次のことについて提案してください。それは私たちにとって非常に役に立ちます。

  • 作成したdivにクラスを追加するには?
  • その特定の div にスタイルを適用する方法は?
  • そのdivのonscrollイベントを呼び出す方法は?
4

5 に答える 5

1

これを試して：

var temp = document.createElement('div');
temp.className = "yourclass";
temp.style.cssText = 'width:100px; height:100px'; //example
temp.onscroll = function() 
{ 
 alert('on scroll');
};

デモ

于 2013-10-22T08:46:01.753 に答える
0

JavaScript の機能を理解するために、JavaScript の基本を確認することをお勧めします。

JavaScript の小さな初心者向けチュートリアルを見れば、質問したことのほとんどを学ぶことができます。それらは非常に基本的なものであり、stackoverflow で尋ねるのではなく、検索する必要があります。このようにGoogleを使用するだけです。そんなに難しくないですよね？

それでも、ここにあなたの質問に対する答えがあります。特定のことを行うにはいくつかの方法があることを知っています。次のコード スニペットは、すべての一般的なブラウザーで動作するはずです。

クラスの追加

要素のクラスを設定するには、 メソッドを使用できますsetAttribute。

temp.setAttribute("class", "myclass");

スタイルの適用

すべての要素には、styleCSS で変更できるすべてのものを変更するために使用できるプロパティがあります。

temp.style.backgroundColor = "#000000";
temp.style.color = "#FFFFFF";
temp.style.fontSize = "24pt";

イベントのリッスン

onsomethingプロパティまたはattachEvent(Internet Explorer) およびaddEventListener(他のブラウザ)を使用して、要素にイベント リスナを追加できます。

方法 1 - 何かのプロパティ:

要素のプロパティを使用すると、一度に1 つのイベント リスナーをonscroll適用できます。これは最も簡単な方法で、すべてのブラウザーでサポートされています。

temp.onscroll = function(e) {
    // Do something
};

方法 2 - attachEvent および addEventListener:

を使用すると、必要に応じて複数のイベント リスナーaddEventListenerを適用できます。ほとんどの場合、これが推奨される方法です。古いバージョンの Internet Explorer は をサポートしていないため、この場合は使用する必要があります。addEventlistenerattachEvent

// Check if the browser supports addEventListener
if (temp.addEventListener) {
    // If it does support addEventListener, use it
    temp.addEventListener("scroll", onScroll);
} else if (temp.attachEvent) {
    // If it does not support addEventListener, use attachEvent instead
    temp.attachEvent("onScroll", onScroll);
}

function onScroll(event) {
    // Do something
}
于 2013-10-22T09:03:52.263 に答える